#C54CC3 - #EECBED | 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 #C54CC3 to #EECBED

#C54CC3 #EECBED

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

#C54CC3 - #EECBED | 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 #C54CC3 as 0% and #EECBED as 100%.

0.0%	0.0% #C54CC3	RGB 197 76 195	#C54CC3
16.7%	16.7% #CB61CA	RGB 203 97 202	#CB61CA
33.3%	33.3% #D276D1	RGB 210 118 209	#D276D1
50.0%	50.0% #D98BD8	RGB 217 139 216	#D98BD8
66.7%	66.7% #E0A0DF	RGB 224 160 223	#E0A0DF
83.3%	83.3% #E7B5E6	RGB 231 181 230	#E7B5E6
100.0%	100.0% #EECBED	RGB 238 203 237	#EECBED

#C54CC3 #CB61CA #D276D1 #D98BD8 #E0A0DF #E7B5E6 #EECBED

#C54CC3 - #EECBED

HSV Blend

#C54CC3 - #EECBED | 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 #C54CC3 as 0% and #EECBED as 100%.

0.0%	0.0% #C54CC3	RGB 197 76 195	#C54CC3
16.7%	16.7% #CB5EC9	RGB 203 94 201	#CB5EC9
33.3%	33.3% #D272D0	RGB 210 114 208	#D272D0
50.0%	50.0% #D986D7	RGB 217 134 215	#D986D7
66.7%	66.7% #E09CDE	RGB 224 156 222	#E09CDE
83.3%	83.3% #E7B3E5	RGB 231 179 229	#E7B3E5
100.0%	100.0% #EECBED	RGB 238 203 237	#EECBED

#C54CC3 #CB5EC9 #D272D0 #D986D7 #E09CDE #E7B3E5 #EECBED

#C54CC3 - #D986D7 - #EECBED

CSS codes

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

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