#EB6BCD - #B10085 | 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 #EB6BCD to #B10085

#EB6BCD #B10085

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

#EB6BCD - #B10085 | 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 #EB6BCD as 0% and #B10085 as 100%.

0.0%	0.0% #EB6BCD	RGB 235 107 205	#EB6BCD
16.7%	16.7% #E159C1	RGB 225 89 193	#E159C1
33.3%	33.3% #D747B5	RGB 215 71 181	#D747B5
50.0%	50.0% #CE35A9	RGB 206 53 169	#CE35A9
66.7%	66.7% #C4239D	RGB 196 35 157	#C4239D
83.3%	83.3% #BA1191	RGB 186 17 145	#BA1191
100.0%	100.0% #B10085	RGB 177 0 133	#B10085

#EB6BCD #E159C1 #D747B5 #CE35A9 #C4239D #BA1191 #B10085

#EB6BCD - #B10085

HSV Blend

#EB6BCD - #B10085 | 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 #EB6BCD as 0% and #B10085 as 100%.

0.0%	0.0% #EB6BCD	RGB 235 107 205	#EB6BCD
16.7%	16.7% #E155C0	RGB 225 85 192	#E155C0
33.3%	33.3% #D741B3	RGB 215 65 179	#D741B3
50.0%	50.0% #CE2EA7	RGB 206 46 167	#CE2EA7
66.7%	66.7% #C41D9B	RGB 196 29 155	#C41D9B
83.3%	83.3% #BA0E90	RGB 186 14 144	#BA0E90
100.0%	100.0% #B10085	RGB 177 0 133	#B10085

#EB6BCD #E155C0 #D741B3 #CE2EA7 #C41D9B #BA0E90 #B10085

#EB6BCD - #CE2EA7 - #B10085

CSS codes

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

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