#E296B5 - #AF3467 | 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 #E296B5 to #AF3467

#E296B5 #AF3467

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

#E296B5 - #AF3467 | 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 #E296B5 as 0% and #AF3467 as 100%.

0.0%	0.0% #E296B5	RGB 226 150 181	#E296B5
16.7%	16.7% #D985A8	RGB 217 133 168	#D985A8
33.3%	33.3% #D1759B	RGB 209 117 155	#D1759B
50.0%	50.0% #C8658E	RGB 200 101 142	#C8658E
66.7%	66.7% #C05481	RGB 192 84 129	#C05481
83.3%	83.3% #B74474	RGB 183 68 116	#B74474
100.0%	100.0% #AF3467	RGB 175 52 103	#AF3467

#E296B5 #D985A8 #D1759B #C8658E #C05481 #B74474 #AF3467

#E296B5 - #AF3467

HSV Blend

#E296B5 - #AF3467 | 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 #E296B5 as 0% and #AF3467 as 100%.

0.0%	0.0% #E296B5	RGB 226 150 181	#E296B5
16.7%	16.7% #D983A6	RGB 217 131 166	#D983A6
33.3%	33.3% #D17198	RGB 209 113 152	#D17198
50.0%	50.0% #C8608B	RGB 200 96 139	#C8608B
66.7%	66.7% #C0507E	RGB 192 80 126	#C0507E
83.3%	83.3% #B74172	RGB 183 65 114	#B74172
100.0%	100.0% #AF3467	RGB 175 52 103	#AF3467

#E296B5 #D983A6 #D17198 #C8608B #C0507E #B74172 #AF3467

#E296B5 - #C8608B - #AF3467

CSS codes

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

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