#CA5EAE - #FAC2D0 | 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 #CA5EAE to #FAC2D0

#CA5EAE #FAC2D0

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

#CA5EAE - #FAC2D0 | 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 #CA5EAE as 0% and #FAC2D0 as 100%.

0.0%	0.0% #CA5EAE	RGB 202 94 174	#CA5EAE
16.7%	16.7% #D26EB3	RGB 210 110 179	#D26EB3
33.3%	33.3% #DA7FB9	RGB 218 127 185	#DA7FB9
50.0%	50.0% #E290BF	RGB 226 144 191	#E290BF
66.7%	66.7% #EAA0C4	RGB 234 160 196	#EAA0C4
83.3%	83.3% #F2B1CA	RGB 242 177 202	#F2B1CA
100.0%	100.0% #FAC2D0	RGB 250 194 208	#FAC2D0

#CA5EAE #D26EB3 #DA7FB9 #E290BF #EAA0C4 #F2B1CA #FAC2D0

#CA5EAE - #FAC2D0

HSV Blend

#CA5EAE - #FAC2D0 | 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 #CA5EAE as 0% and #FAC2D0 as 100%.

0.0%	0.0% #CA5EAE	RGB 202 94 174	#CA5EAE
16.7%	16.7% #D26CAF	RGB 210 108 175	#D26CAF
33.3%	33.3% #DA7CB2	RGB 218 124 178	#DA7CB2
50.0%	50.0% #E28CB6	RGB 226 140 182	#E28CB6
66.7%	66.7% #EA9DBD	RGB 234 157 189	#EA9DBD
83.3%	83.3% #F2AFC5	RGB 242 175 197	#F2AFC5
100.0%	100.0% #FAC2D0	RGB 250 194 208	#FAC2D0

#CA5EAE #D26CAF #DA7CB2 #E28CB6 #EA9DBD #F2AFC5 #FAC2D0

#CA5EAE - #E28CB6 - #FAC2D0

CSS codes

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

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