#EB6CC6 - #B0007D | 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 #EB6CC6 to #B0007D

#EB6CC6 #B0007D

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

#EB6CC6 - #B0007D | 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 #EB6CC6 as 0% and #B0007D as 100%.

0.0%	0.0% #EB6CC6	RGB 235 108 198	#EB6CC6
16.7%	16.7% #E15AB9	RGB 225 90 185	#E15AB9
33.3%	33.3% #D748AD	RGB 215 72 173	#D748AD
50.0%	50.0% #CD36A1	RGB 205 54 161	#CD36A1
66.7%	66.7% #C32495	RGB 195 36 149	#C32495
83.3%	83.3% #B91289	RGB 185 18 137	#B91289
100.0%	100.0% #B0007D	RGB 176 0 125	#B0007D

#EB6CC6 #E15AB9 #D748AD #CD36A1 #C32495 #B91289 #B0007D

#EB6CC6 - #B0007D

HSV Blend

#EB6CC6 - #B0007D | 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 #EB6CC6 as 0% and #B0007D as 100%.

0.0%	0.0% #EB6CC6	RGB 235 108 198	#EB6CC6
16.7%	16.7% #E156B8	RGB 225 86 184	#E156B8
33.3%	33.3% #D741AB	RGB 215 65 171	#D741AB
50.0%	50.0% #CD2F9F	RGB 205 47 159	#CD2F9F
66.7%	66.7% #C31D93	RGB 195 29 147	#C31D93
83.3%	83.3% #B90E88	RGB 185 14 136	#B90E88
100.0%	100.0% #B0007D	RGB 176 0 125	#B0007D

#EB6CC6 #E156B8 #D741AB #CD2F9F #C31D93 #B90E88 #B0007D

#EB6CC6 - #CD2F9F - #B0007D

CSS codes

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

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