#E6AFAB - #413230 | 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 #E6AFAB to #413230

#E6AFAB #413230

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

#E6AFAB - #413230 | 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 #E6AFAB as 0% and #413230 as 100%.

0.0%	0.0% #E6AFAB	RGB 230 175 171	#E6AFAB
16.7%	16.7% #CA9A96	RGB 202 154 150	#CA9A96
33.3%	33.3% #AF8582	RGB 175 133 130	#AF8582
50.0%	50.0% #93706D	RGB 147 112 109	#93706D
66.7%	66.7% #785B59	RGB 120 91 89	#785B59
83.3%	83.3% #5C4644	RGB 92 70 68	#5C4644
100.0%	100.0% #413230	RGB 65 50 48	#413230

#E6AFAB #CA9A96 #AF8582 #93706D #785B59 #5C4644 #413230

#E6AFAB - #413230

HSV Blend

#E6AFAB - #413230 | 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 #E6AFAB as 0% and #413230 as 100%.

0.0%	0.0% #E6AFAB	RGB 230 175 171	#E6AFAB
16.7%	16.7% #CA9A96	RGB 202 154 150	#CA9A96
33.3%	33.3% #AF8581	RGB 175 133 129	#AF8581
50.0%	50.0% #93706D	RGB 147 112 109	#93706D
66.7%	66.7% #785B58	RGB 120 91 88	#785B58
83.3%	83.3% #5C4744	RGB 92 71 68	#5C4744
100.0%	100.0% #413230	RGB 65 50 48	#413230

#E6AFAB #CA9A96 #AF8581 #93706D #785B58 #5C4744 #413230

#E6AFAB - #93706D - #413230

CSS codes

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

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