#EB6BBD - #AF0072 | 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 #EB6BBD to #AF0072

#EB6BBD #AF0072

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

#EB6BBD - #AF0072 | 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 #EB6BBD as 0% and #AF0072 as 100%.

0.0%	0.0% #EB6BBD	RGB 235 107 189	#EB6BBD
16.7%	16.7% #E159B0	RGB 225 89 176	#E159B0
33.3%	33.3% #D747A4	RGB 215 71 164	#D747A4
50.0%	50.0% #CD3597	RGB 205 53 151	#CD3597
66.7%	66.7% #C3238B	RGB 195 35 139	#C3238B
83.3%	83.3% #B9117E	RGB 185 17 126	#B9117E
100.0%	100.0% #AF0072	RGB 175 0 114	#AF0072

#EB6BBD #E159B0 #D747A4 #CD3597 #C3238B #B9117E #AF0072

#EB6BBD - #AF0072

HSV Blend

#EB6BBD - #AF0072 | 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 #EB6BBD as 0% and #AF0072 as 100%.

0.0%	0.0% #EB6BBD	RGB 235 107 189	#EB6BBD
16.7%	16.7% #E155AF	RGB 225 85 175	#E155AF
33.3%	33.3% #D741A1	RGB 215 65 161	#D741A1
50.0%	50.0% #CD2E94	RGB 205 46 148	#CD2E94
66.7%	66.7% #C31D88	RGB 195 29 136	#C31D88
83.3%	83.3% #B90E7D	RGB 185 14 125	#B90E7D
100.0%	100.0% #AF0072	RGB 175 0 114	#AF0072

#EB6BBD #E155AF #D741A1 #CD2E94 #C31D88 #B90E7D #AF0072

#EB6BBD - #CD2E94 - #AF0072

CSS codes

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

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