#2E2D4A - #AF7470 | 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 #2E2D4A to #AF7470

#2E2D4A #AF7470

Calculate the color between two colors, #2E2D4A and #AF7470. 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)

#2E2D4A - #AF7470 | 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 #2E2D4A as 0% and #AF7470 as 100%.

0.0%	0.0% #2E2D4A	RGB 46 45 74	#2E2D4A
16.7%	16.7% #433850	RGB 67 56 80	#433850
33.3%	33.3% #594456	RGB 89 68 86	#594456
50.0%	50.0% #6E505D	RGB 110 80 93	#6E505D
66.7%	66.7% #845C63	RGB 132 92 99	#845C63
83.3%	83.3% #996869	RGB 153 104 105	#996869
100.0%	100.0% #AF7470	RGB 175 116 112	#AF7470

#2E2D4A #433850 #594456 #6E505D #845C63 #996869 #AF7470

#2E2D4A - #AF7470

HSV Blend

#2E2D4A - #AF7470 | 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 #2E2D4A as 0% and #AF7470 as 100%.

0.0%	0.0% #2D2D4A	RGB 45 45 74	#2D2D4A
16.7%	16.7% #44375A	RGB 68 55 90	#44375A
33.3%	33.3% #5F426B	RGB 95 66 107	#5F426B
50.0%	50.0% #7C4D7A	RGB 124 77 122	#7C4D7A
66.7%	66.7% #8D5879	RGB 141 88 121	#8D5879
83.3%	83.3% #9E6474	RGB 158 100 116	#9E6474
100.0%	100.0% #AF7470	RGB 175 116 112	#AF7470

#2D2D4A #44375A #5F426B #7C4D7A #8D5879 #9E6474 #AF7470

#2E2D4A - #7C4D7A - #AF7470

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D4A 0%, #7C4D7A 50%, #AF7470 100%);
    background: -webkit-linear-gradient(top, #2D2D4A 0%, #7C4D7A 50%, #AF7470 100%);
    background: linear-gradient(to bottom, #2D2D4A 0%, #7C4D7A 50%, #AF7470 100%);
}
</style>