#C039C0 - #FF9FCD | 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 #C039C0 to #FF9FCD

#C039C0 #FF9FCD

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

#C039C0 - #FF9FCD | 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 #C039C0 as 0% and #FF9FCD as 100%.

0.0%	0.0% #C039C0	RGB 192 57 192	#C039C0
16.7%	16.7% #CA4AC2	RGB 202 74 194	#CA4AC2
33.3%	33.3% #D55BC4	RGB 213 91 196	#D55BC4
50.0%	50.0% #DF6CC6	RGB 223 108 198	#DF6CC6
66.7%	66.7% #EA7DC8	RGB 234 125 200	#EA7DC8
83.3%	83.3% #F48ECA	RGB 244 142 202	#F48ECA
100.0%	100.0% #FF9FCD	RGB 255 159 205	#FF9FCD

#C039C0 #CA4AC2 #D55BC4 #DF6CC6 #EA7DC8 #F48ECA #FF9FCD

#C039C0 - #FF9FCD

HSV Blend

#C039C0 - #FF9FCD | 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 #C039C0 as 0% and #FF9FCD as 100%.

0.0%	0.0% #C039C0	RGB 192 57 192	#C039C0
16.7%	16.7% #CA47BF	RGB 202 71 191	#CA47BF
33.3%	33.3% #D556BF	RGB 213 86 191	#D556BF
50.0%	50.0% #DF66C0	RGB 223 102 192	#DF66C0
66.7%	66.7% #EA78C2	RGB 234 120 194	#EA78C2
83.3%	83.3% #F48BC6	RGB 244 139 198	#F48BC6
100.0%	100.0% #FF9FCD	RGB 255 159 205	#FF9FCD

#C039C0 #CA47BF #D556BF #DF66C0 #EA78C2 #F48BC6 #FF9FCD

#C039C0 - #DF66C0 - #FF9FCD

CSS codes

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

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