#ED7AC4 - #CB2D81 | 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 #ED7AC4 to #CB2D81

#ED7AC4 #CB2D81

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

#ED7AC4 - #CB2D81 | 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 #ED7AC4 as 0% and #CB2D81 as 100%.

0.0%	0.0% #ED7AC4	RGB 237 122 196	#ED7AC4
16.7%	16.7% #E76DB8	RGB 231 109 184	#E76DB8
33.3%	33.3% #E160AD	RGB 225 96 173	#E160AD
50.0%	50.0% #DC53A2	RGB 220 83 162	#DC53A2
66.7%	66.7% #D64697	RGB 214 70 151	#D64697
83.3%	83.3% #D0398C	RGB 208 57 140	#D0398C
100.0%	100.0% #CB2D81	RGB 203 45 129	#CB2D81

#ED7AC4 #E76DB8 #E160AD #DC53A2 #D64697 #D0398C #CB2D81

#ED7AC4 - #CB2D81

HSV Blend

#ED7AC4 - #CB2D81 | 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 #ED7AC4 as 0% and #CB2D81 as 100%.

0.0%	0.0% #ED7AC4	RGB 237 122 196	#ED7AC4
16.7%	16.7% #E76BB8	RGB 231 107 184	#E76BB8
33.3%	33.3% #E15EAD	RGB 225 94 173	#E15EAD
50.0%	50.0% #DC51A2	RGB 220 81 162	#DC51A2
66.7%	66.7% #D64497	RGB 214 68 151	#D64497
83.3%	83.3% #D0388C	RGB 208 56 140	#D0388C
100.0%	100.0% #CB2D81	RGB 203 45 129	#CB2D81

#ED7AC4 #E76BB8 #E15EAD #DC51A2 #D64497 #D0388C #CB2D81

#ED7AC4 - #DC51A2 - #CB2D81

CSS codes

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

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