#2E2D6B - #AB7A97 | 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 #2E2D6B to #AB7A97

#2E2D6B #AB7A97

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

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

0.0%	0.0% #2E2D6B	RGB 46 45 107	#2E2D6B
16.7%	16.7% #423972	RGB 66 57 114	#423972
33.3%	33.3% #574679	RGB 87 70 121	#574679
50.0%	50.0% #6C5381	RGB 108 83 129	#6C5381
66.7%	66.7% #816088	RGB 129 96 136	#816088
83.3%	83.3% #966D8F	RGB 150 109 143	#966D8F
100.0%	100.0% #AB7A97	RGB 171 122 151	#AB7A97

#2E2D6B #423972 #574679 #6C5381 #816088 #966D8F #AB7A97

#2E2D6B - #AB7A97

HSV Blend

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

0.0%	0.0% #2E2D6B	RGB 46 45 107	#2E2D6B
16.7%	16.7% #463775	RGB 70 55 117	#463775
33.3%	33.3% #604280	RGB 96 66 128	#604280
50.0%	50.0% #794E8B	RGB 121 78 139	#794E8B
66.7%	66.7% #925C95	RGB 146 92 149	#925C95
83.3%	83.3% #A06A96	RGB 160 106 150	#A06A96
100.0%	100.0% #AB7A97	RGB 171 122 151	#AB7A97

#2E2D6B #463775 #604280 #794E8B #925C95 #A06A96 #AB7A97

#2E2D6B - #794E8B - #AB7A97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E2D6B 0%, #794E8B 50%, #AB7A97 100%);
    background: -webkit-linear-gradient(top, #2E2D6B 0%, #794E8B 50%, #AB7A97 100%);
    background: linear-gradient(to bottom, #2E2D6B 0%, #794E8B 50%, #AB7A97 100%);
}
</style>