#CA5E81 - #EFD1DB | 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 #CA5E81 to #EFD1DB

#CA5E81 #EFD1DB

Calculate the color between two colors, #CA5E81 and #EFD1DB. 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)

#CA5E81 - #EFD1DB | 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 #CA5E81 as 0% and #EFD1DB as 100%.

0.0%	0.0% #CA5E81	RGB 202 94 129	#CA5E81
16.7%	16.7% #D07190	RGB 208 113 144	#D07190
33.3%	33.3% #D6849F	RGB 214 132 159	#D6849F
50.0%	50.0% #DC97AE	RGB 220 151 174	#DC97AE
66.7%	66.7% #E2AABD	RGB 226 170 189	#E2AABD
83.3%	83.3% #E8BDCC	RGB 232 189 204	#E8BDCC
100.0%	100.0% #EFD1DB	RGB 239 209 219	#EFD1DB

#CA5E81 #D07190 #D6849F #DC97AE #E2AABD #E8BDCC #EFD1DB

#CA5E81 - #EFD1DB

HSV Blend

#CA5E81 - #EFD1DB | 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 #CA5E81 as 0% and #EFD1DB as 100%.

0.0%	0.0% #CA5E81	RGB 202 94 129	#CA5E81
16.7%	16.7% #D06F8E	RGB 208 111 142	#D06F8E
33.3%	33.3% #D6809C	RGB 214 128 156	#D6809C
50.0%	50.0% #DC93AB	RGB 220 147 171	#DC93AB
66.7%	66.7% #E2A7BA	RGB 226 167 186	#E2A7BA
83.3%	83.3% #E8BBCA	RGB 232 187 202	#E8BBCA
100.0%	100.0% #EFD1DB	RGB 239 209 219	#EFD1DB

#CA5E81 #D06F8E #D6809C #DC93AB #E2A7BA #E8BBCA #EFD1DB

#CA5E81 - #DC93AB - #EFD1DB

CSS codes

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

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