#CA4A8A - #EFCBDD | 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 #CA4A8A to #EFCBDD

#CA4A8A #EFCBDD

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

#CA4A8A - #EFCBDD | 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 #CA4A8A as 0% and #EFCBDD as 100%.

0.0%	0.0% #CA4A8A	RGB 202 74 138	#CA4A8A
16.7%	16.7% #D05F97	RGB 208 95 151	#D05F97
33.3%	33.3% #D675A5	RGB 214 117 165	#D675A5
50.0%	50.0% #DC8AB3	RGB 220 138 179	#DC8AB3
66.7%	66.7% #E2A0C1	RGB 226 160 193	#E2A0C1
83.3%	83.3% #E8B5CF	RGB 232 181 207	#E8B5CF
100.0%	100.0% #EFCBDD	RGB 239 203 221	#EFCBDD

#CA4A8A #D05F97 #D675A5 #DC8AB3 #E2A0C1 #E8B5CF #EFCBDD

#CA4A8A - #EFCBDD

HSV Blend

#CA4A8A - #EFCBDD | 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 #CA4A8A as 0% and #EFCBDD as 100%.

0.0%	0.0% #CA4A89	RGB 202 74 137	#CA4A89
16.7%	16.7% #D05D96	RGB 208 93 150	#D05D96
33.3%	33.3% #D671A3	RGB 214 113 163	#D671A3
50.0%	50.0% #DC86B1	RGB 220 134 177	#DC86B1
66.7%	66.7% #E29CBF	RGB 226 156 191	#E29CBF
83.3%	83.3% #E8B3CD	RGB 232 179 205	#E8B3CD
100.0%	100.0% #EFCBDD	RGB 239 203 221	#EFCBDD

#CA4A89 #D05D96 #D671A3 #DC86B1 #E29CBF #E8B3CD #EFCBDD

#CA4A8A - #DC86B1 - #EFCBDD

CSS codes

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

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