#CA8D9A - #EFDEE2 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #CA8D9A to #EFDEE2

#CA8D9A #EFDEE2

Calculate the color between two colors, #CA8D9A and #EFDEE2. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#CA8D9A - #EFDEE2 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #CA8D9A as 0% and #EFDEE2 as 100%.

0.0%	0.0% #CA8D9A	RGB 202 141 154	#CA8D9A
16.7%	16.7% #D09AA6	RGB 208 154 166	#D09AA6
33.3%	33.3% #D6A8B2	RGB 214 168 178	#D6A8B2
50.0%	50.0% #DCB5BE	RGB 220 181 190	#DCB5BE
66.7%	66.7% #E2C3CA	RGB 226 195 202	#E2C3CA
83.3%	83.3% #E8D0D6	RGB 232 208 214	#E8D0D6
100.0%	100.0% #EFDEE2	RGB 239 222 226	#EFDEE2

#CA8D9A #D09AA6 #D6A8B2 #DCB5BE #E2C3CA #E8D0D6 #EFDEE2

#CA8D9A - #EFDEE2

HSV Blend

#CA8D9A - #EFDEE2 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #CA8D9A as 0% and #EFDEE2 as 100%.

0.0%	0.0% #CA8D9A	RGB 202 141 154	#CA8D9A
16.7%	16.7% #D099A5	RGB 208 153 165	#D099A5
33.3%	33.3% #D6A6B0	RGB 214 166 176	#D6A6B0
50.0%	50.0% #DCB3BC	RGB 220 179 188	#DCB3BC
66.7%	66.7% #E2C1C8	RGB 226 193 200	#E2C1C8
83.3%	83.3% #E8CFD5	RGB 232 207 213	#E8CFD5
100.0%	100.0% #EFDEE2	RGB 239 222 226	#EFDEE2

#CA8D9A #D099A5 #D6A6B0 #DCB3BC #E2C1C8 #E8CFD5 #EFDEE2

#CA8D9A - #DCB3BC - #EFDEE2

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #CA8D9A 0%, #EFDEE2 100%);
    background: -webkit-linear-gradient(top, #CA8D9A 0%, #EFDEE2 100%);
    background: linear-gradient(to bottom, #CA8D9A 0%, #EFDEE2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CA8D9A 0%, #DCB3BC 50%, #EFDEE2 100%);
    background: -webkit-linear-gradient(top, #CA8D9A 0%, #DCB3BC 50%, #EFDEE2 100%);
    background: linear-gradient(to bottom, #CA8D9A 0%, #DCB3BC 50%, #EFDEE2 100%);
}
</style>