#C07DC2 - #FEB4C7 | 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 #C07DC2 to #FEB4C7

#C07DC2 #FEB4C7

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

#C07DC2 - #FEB4C7 | 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 #C07DC2 as 0% and #FEB4C7 as 100%.

0.0%	0.0% #C07DC2	RGB 192 125 194	#C07DC2
16.7%	16.7% #CA86C2	RGB 202 134 194	#CA86C2
33.3%	33.3% #D48FC3	RGB 212 143 195	#D48FC3
50.0%	50.0% #DF98C4	RGB 223 152 196	#DF98C4
66.7%	66.7% #E9A1C5	RGB 233 161 197	#E9A1C5
83.3%	83.3% #F3AAC6	RGB 243 170 198	#F3AAC6
100.0%	100.0% #FEB4C7	RGB 254 180 199	#FEB4C7

#C07DC2 #CA86C2 #D48FC3 #DF98C4 #E9A1C5 #F3AAC6 #FEB4C7

#C07DC2 - #FEB4C7

HSV Blend

#C07DC2 - #FEB4C7 | 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 #C07DC2 as 0% and #FEB4C7 as 100%.

0.0%	0.0% #C07DC2	RGB 192 125 194	#C07DC2
16.7%	16.7% #CC85C4	RGB 204 133 196	#CC85C4
33.3%	33.3% #D68EC5	RGB 214 142 197	#D68EC5
50.0%	50.0% #E097C6	RGB 224 151 198	#E097C6
66.7%	66.7% #EAA0C6	RGB 234 160 198	#EAA0C6
83.3%	83.3% #F4AAC6	RGB 244 170 198	#F4AAC6
100.0%	100.0% #FEB4C7	RGB 254 180 199	#FEB4C7

#C07DC2 #CC85C4 #D68EC5 #E097C6 #EAA0C6 #F4AAC6 #FEB4C7

#C07DC2 - #E097C6 - #FEB4C7

CSS codes

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

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