#C06CB9 - #EC95FE | 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 #C06CB9 to #EC95FE

#C06CB9 #EC95FE

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

#C06CB9 - #EC95FE | 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 #C06CB9 as 0% and #EC95FE as 100%.

0.0%	0.0% #C06CB9	RGB 192 108 185	#C06CB9
16.7%	16.7% #C772C4	RGB 199 114 196	#C772C4
33.3%	33.3% #CE79D0	RGB 206 121 208	#CE79D0
50.0%	50.0% #D680DB	RGB 214 128 219	#D680DB
66.7%	66.7% #DD87E7	RGB 221 135 231	#DD87E7
83.3%	83.3% #E48EF2	RGB 228 142 242	#E48EF2
100.0%	100.0% #EC95FE	RGB 236 149 254	#EC95FE

#C06CB9 #C772C4 #CE79D0 #D680DB #DD87E7 #E48EF2 #EC95FE

#C06CB9 - #EC95FE

HSV Blend

#C06CB9 - #EC95FE | 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 #C06CB9 as 0% and #EC95FE as 100%.

0.0%	0.0% #C06CB8	RGB 192 108 184	#C06CB8
16.7%	16.7% #CA72C6	RGB 202 114 198	#CA72C6
33.3%	33.3% #D479D4	RGB 212 121 212	#D479D4
50.0%	50.0% #DA80DF	RGB 218 128 223	#DA80DF
66.7%	66.7% #E087E9	RGB 224 135 233	#E087E9
83.3%	83.3% #E68DF3	RGB 230 141 243	#E68DF3
100.0%	100.0% #EC95FE	RGB 236 149 254	#EC95FE

#C06CB8 #CA72C6 #D479D4 #DA80DF #E087E9 #E68DF3 #EC95FE

#C06CB9 - #DA80DF - #EC95FE

CSS codes

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

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