#C19BA5 - #EDE2E5 | 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 #C19BA5 to #EDE2E5

#C19BA5 #EDE2E5

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

#C19BA5 - #EDE2E5 | 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 #C19BA5 as 0% and #EDE2E5 as 100%.

0.0%	0.0% #C19BA5	RGB 193 155 165	#C19BA5
16.7%	16.7% #C8A6AF	RGB 200 166 175	#C8A6AF
33.3%	33.3% #CFB2BA	RGB 207 178 186	#CFB2BA
50.0%	50.0% #D7BEC5	RGB 215 190 197	#D7BEC5
66.7%	66.7% #DECACF	RGB 222 202 207	#DECACF
83.3%	83.3% #E5D6DA	RGB 229 214 218	#E5D6DA
100.0%	100.0% #EDE2E5	RGB 237 226 229	#EDE2E5

#C19BA5 #C8A6AF #CFB2BA #D7BEC5 #DECACF #E5D6DA #EDE2E5

#C19BA5 - #EDE2E5

HSV Blend

#C19BA5 - #EDE2E5 | 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 #C19BA5 as 0% and #EDE2E5 as 100%.

0.0%	0.0% #C19BA5	RGB 193 155 165	#C19BA5
16.7%	16.7% #C8A5AF	RGB 200 165 175	#C8A5AF
33.3%	33.3% #CFB1B9	RGB 207 177 185	#CFB1B9
50.0%	50.0% #D7BCC3	RGB 215 188 195	#D7BCC3
66.7%	66.7% #DEC8CE	RGB 222 200 206	#DEC8CE
83.3%	83.3% #E5D5D9	RGB 229 213 217	#E5D5D9
100.0%	100.0% #EDE2E5	RGB 237 226 229	#EDE2E5

#C19BA5 #C8A5AF #CFB1B9 #D7BCC3 #DEC8CE #E5D5D9 #EDE2E5

#C19BA5 - #D7BCC3 - #EDE2E5

CSS codes

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

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