#C1845C - #EDDBD0 | 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 #C1845C to #EDDBD0

#C1845C #EDDBD0

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

#C1845C - #EDDBD0 | 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 #C1845C as 0% and #EDDBD0 as 100%.

0.0%	0.0% #C1845C	RGB 193 132 92	#C1845C
16.7%	16.7% #C8926F	RGB 200 146 111	#C8926F
33.3%	33.3% #CFA182	RGB 207 161 130	#CFA182
50.0%	50.0% #D7AF96	RGB 215 175 150	#D7AF96
66.7%	66.7% #DEBEA9	RGB 222 190 169	#DEBEA9
83.3%	83.3% #E5CCBC	RGB 229 204 188	#E5CCBC
100.0%	100.0% #EDDBD0	RGB 237 219 208	#EDDBD0

#C1845C #C8926F #CFA182 #D7AF96 #DEBEA9 #E5CCBC #EDDBD0

#C1845C - #EDDBD0

HSV Blend

#C1845C - #EDDBD0 | 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 #C1845C as 0% and #EDDBD0 as 100%.

0.0%	0.0% #C1845C	RGB 193 132 92	#C1845C
16.7%	16.7% #C8906C	RGB 200 144 108	#C8906C
33.3%	33.3% #CF9E7E	RGB 207 158 126	#CF9E7E
50.0%	50.0% #D7AC91	RGB 215 172 145	#D7AC91
66.7%	66.7% #DEBBA5	RGB 222 187 165	#DEBBA5
83.3%	83.3% #E5CABA	RGB 229 202 186	#E5CABA
100.0%	100.0% #EDDBD0	RGB 237 219 208	#EDDBD0

#C1845C #C8906C #CF9E7E #D7AC91 #DEBBA5 #E5CABA #EDDBD0

#C1845C - #D7AC91 - #EDDBD0

CSS codes

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

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