#C92DB4 - #FF64A4 | 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 #C92DB4 to #FF64A4

#C92DB4 #FF64A4

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

#C92DB4 - #FF64A4 | 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 #C92DB4 as 0% and #FF64A4 as 100%.

0.0%	0.0% #C92DB4	RGB 201 45 180	#C92DB4
16.7%	16.7% #D236B1	RGB 210 54 177	#D236B1
33.3%	33.3% #DB3FAE	RGB 219 63 174	#DB3FAE
50.0%	50.0% #E448AC	RGB 228 72 172	#E448AC
66.7%	66.7% #ED51A9	RGB 237 81 169	#ED51A9
83.3%	83.3% #F65AA6	RGB 246 90 166	#F65AA6
100.0%	100.0% #FF64A4	RGB 255 100 164	#FF64A4

#C92DB4 #D236B1 #DB3FAE #E448AC #ED51A9 #F65AA6 #FF64A4

#C92DB4 - #FF64A4

HSV Blend

#C92DB4 - #FF64A4 | 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 #C92DB4 as 0% and #FF64A4 as 100%.

0.0%	0.0% #C92DB4	RGB 201 45 180	#C92DB4
16.7%	16.7% #D234B1	RGB 210 52 177	#D234B1
33.3%	33.3% #DB3DAD	RGB 219 61 173	#DB3DAD
50.0%	50.0% #E446AB	RGB 228 70 171	#E446AB
66.7%	66.7% #ED4FA8	RGB 237 79 168	#ED4FA8
83.3%	83.3% #F659A5	RGB 246 89 165	#F659A5
100.0%	100.0% #FF64A4	RGB 255 100 164	#FF64A4

#C92DB4 #D234B1 #DB3DAD #E446AB #ED4FA8 #F659A5 #FF64A4

#C92DB4 - #E446AB - #FF64A4

CSS codes

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

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