#C45EB2 - #F8C2D6 | 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 #C45EB2 to #F8C2D6

#C45EB2 #F8C2D6

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

#C45EB2 - #F8C2D6 | 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 #C45EB2 as 0% and #F8C2D6 as 100%.

0.0%	0.0% #C45EB2	RGB 196 94 178	#C45EB2
16.7%	16.7% #CC6EB8	RGB 204 110 184	#CC6EB8
33.3%	33.3% #D57FBE	RGB 213 127 190	#D57FBE
50.0%	50.0% #DE90C4	RGB 222 144 196	#DE90C4
66.7%	66.7% #E6A0CA	RGB 230 160 202	#E6A0CA
83.3%	83.3% #EFB1D0	RGB 239 177 208	#EFB1D0
100.0%	100.0% #F8C2D6	RGB 248 194 214	#F8C2D6

#C45EB2 #CC6EB8 #D57FBE #DE90C4 #E6A0CA #EFB1D0 #F8C2D6

#C45EB2 - #F8C2D6

HSV Blend

#C45EB2 - #F8C2D6 | 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 #C45EB2 as 0% and #F8C2D6 as 100%.

0.0%	0.0% #C45EB2	RGB 196 94 178	#C45EB2
16.7%	16.7% #CC6CB4	RGB 204 108 180	#CC6CB4
33.3%	33.3% #D57BB8	RGB 213 123 184	#D57BB8
50.0%	50.0% #DE8CBC	RGB 222 140 188	#DE8CBC
66.7%	66.7% #E69DC3	RGB 230 157 195	#E69DC3
83.3%	83.3% #EFAFCB	RGB 239 175 203	#EFAFCB
100.0%	100.0% #F8C2D6	RGB 248 194 214	#F8C2D6

#C45EB2 #CC6CB4 #D57BB8 #DE8CBC #E69DC3 #EFAFCB #F8C2D6

#C45EB2 - #DE8CBC - #F8C2D6

CSS codes

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

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