#EFA5B1 - #CCC7E4 | 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 #EFA5B1 to #CCC7E4

#EFA5B1 #CCC7E4

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

#EFA5B1 - #CCC7E4 | 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 #EFA5B1 as 0% and #CCC7E4 as 100%.

0.0%	0.0% #EFA5B1	RGB 239 165 177	#EFA5B1
16.7%	16.7% #E9AAB9	RGB 233 170 185	#E9AAB9
33.3%	33.3% #E3B0C2	RGB 227 176 194	#E3B0C2
50.0%	50.0% #DDB6CA	RGB 221 182 202	#DDB6CA
66.7%	66.7% #D7BBD3	RGB 215 187 211	#D7BBD3
83.3%	83.3% #D1C1DB	RGB 209 193 219	#D1C1DB
100.0%	100.0% #CCC7E4	RGB 204 199 228	#CCC7E4

#EFA5B1 #E9AAB9 #E3B0C2 #DDB6CA #D7BBD3 #D1C1DB #CCC7E4

#EFA5B1 - #CCC7E4

HSV Blend

#EFA5B1 - #CCC7E4 | 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 #EFA5B1 as 0% and #CCC7E4 as 100%.

0.0%	0.0% #EFA5B1	RGB 239 165 177	#EFA5B1
16.7%	16.7% #EDAAC8	RGB 237 170 200	#EDAAC8
33.3%	33.3% #EBB0DA	RGB 235 176 218	#EBB0DA
50.0%	50.0% #E9B6E9	RGB 233 182 233	#E9B6E9
66.7%	66.7% #DBBCE7	RGB 219 188 231	#DBBCE7
83.3%	83.3% #D1C1E5	RGB 209 193 229	#D1C1E5
100.0%	100.0% #CCC7E4	RGB 204 199 228	#CCC7E4

#EFA5B1 #EDAAC8 #EBB0DA #E9B6E9 #DBBCE7 #D1C1E5 #CCC7E4

#EFA5B1 - #E9B6E9 - #CCC7E4

CSS codes

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

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