#EAB2D9 - #42323D | 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 #EAB2D9 to #42323D

#EAB2D9 #42323D

Calculate the color between two colors, #EAB2D9 and #42323D. 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)

#EAB2D9 - #42323D | 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 #EAB2D9 as 0% and #42323D as 100%.

0.0%	0.0% #EAB2D9	RGB 234 178 217	#EAB2D9
16.7%	16.7% #CE9CBF	RGB 206 156 191	#CE9CBF
33.3%	33.3% #B287A5	RGB 178 135 165	#B287A5
50.0%	50.0% #96728B	RGB 150 114 139	#96728B
66.7%	66.7% #7A5C71	RGB 122 92 113	#7A5C71
83.3%	83.3% #5E4757	RGB 94 71 87	#5E4757
100.0%	100.0% #42323D	RGB 66 50 61	#42323D

#EAB2D9 #CE9CBF #B287A5 #96728B #7A5C71 #5E4757 #42323D

#EAB2D9 - #42323D

HSV Blend

#EAB2D9 - #42323D | 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 #EAB2D9 as 0% and #42323D as 100%.

0.0%	0.0% #EAB2D9	RGB 234 178 217	#EAB2D9
16.7%	16.7% #CE9CBE	RGB 206 156 190	#CE9CBE
33.3%	33.3% #B287A4	RGB 178 135 164	#B287A4
50.0%	50.0% #96718A	RGB 150 113 138	#96718A
66.7%	66.7% #7A5C70	RGB 122 92 112	#7A5C70
83.3%	83.3% #5E4756	RGB 94 71 86	#5E4756
100.0%	100.0% #42323D	RGB 66 50 61	#42323D

#EAB2D9 #CE9CBE #B287A4 #96718A #7A5C70 #5E4756 #42323D

#EAB2D9 - #96718A - #42323D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EAB2D9 0%, #96718A 50%, #42323D 100%);
    background: -webkit-linear-gradient(top, #EAB2D9 0%, #96718A 50%, #42323D 100%);
    background: linear-gradient(to bottom, #EAB2D9 0%, #96718A 50%, #42323D 100%);
}
</style>