#C478A6 - #EC99FF | 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 #C478A6 to #EC99FF

#C478A6 #EC99FF

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

#C478A6 - #EC99FF | 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 #C478A6 as 0% and #EC99FF as 100%.

0.0%	0.0% #C478A6	RGB 196 120 166	#C478A6
16.7%	16.7% #CA7DB4	RGB 202 125 180	#CA7DB4
33.3%	33.3% #D183C3	RGB 209 131 195	#D183C3
50.0%	50.0% #D888D2	RGB 216 136 210	#D888D2
66.7%	66.7% #DE8EE1	RGB 222 142 225	#DE8EE1
83.3%	83.3% #E593F0	RGB 229 147 240	#E593F0
100.0%	100.0% #EC99FF	RGB 236 153 255	#EC99FF

#C478A6 #CA7DB4 #D183C3 #D888D2 #DE8EE1 #E593F0 #EC99FF

#C478A6 - #EC99FF

HSV Blend

#C478A6 - #EC99FF | 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 #C478A6 as 0% and #EC99FF as 100%.

0.0%	0.0% #C478A6	RGB 196 120 166	#C478A6
16.7%	16.7% #CD7DB5	RGB 205 125 181	#CD7DB5
33.3%	33.3% #D783C6	RGB 215 131 198	#D783C6
50.0%	50.0% #E188D8	RGB 225 136 216	#E188D8
66.7%	66.7% #EB8EEA	RGB 235 142 234	#EB8EEA
83.3%	83.3% #EC93F5	RGB 236 147 245	#EC93F5
100.0%	100.0% #EC99FF	RGB 236 153 255	#EC99FF

#C478A6 #CD7DB5 #D783C6 #E188D8 #EB8EEA #EC93F5 #EC99FF

#C478A6 - #E188D8 - #EC99FF

CSS codes

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

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