#C7A6A2 - #D0DEE4 | 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 #C7A6A2 to #D0DEE4

#C7A6A2 #D0DEE4

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

#C7A6A2 - #D0DEE4 | 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 #C7A6A2 as 0% and #D0DEE4 as 100%.

0.0%	0.0% #C7A6A2	RGB 199 166 162	#C7A6A2
16.7%	16.7% #C8AFAD	RGB 200 175 173	#C8AFAD
33.3%	33.3% #CAB8B8	RGB 202 184 184	#CAB8B8
50.0%	50.0% #CBC2C3	RGB 203 194 195	#CBC2C3
66.7%	66.7% #CDCBCE	RGB 205 203 206	#CDCBCE
83.3%	83.3% #CED4D9	RGB 206 212 217	#CED4D9
100.0%	100.0% #D0DEE4	RGB 208 222 228	#D0DEE4

#C7A6A2 #C8AFAD #CAB8B8 #CBC2C3 #CDCBCE #CED4D9 #D0DEE4

#C7A6A2 - #D0DEE4

HSV Blend

#C7A6A2 - #D0DEE4 | 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 #C7A6A2 as 0% and #D0DEE4 as 100%.

0.0%	0.0% #C7A6A2	RGB 199 166 162	#C7A6A2
16.7%	16.7% #CBA9B5	RGB 203 169 181	#CBA9B5
33.3%	33.3% #D0B0CB	RGB 208 176 203	#D0B0CB
50.0%	50.0% #CCB8D5	RGB 204 184 213	#CCB8D5
66.7%	66.7% #C6C0DA	RGB 198 192 218	#C6C0DA
83.3%	83.3% #C7CDDF	RGB 199 205 223	#C7CDDF
100.0%	100.0% #D0DEE4	RGB 208 222 228	#D0DEE4

#C7A6A2 #CBA9B5 #D0B0CB #CCB8D5 #C6C0DA #C7CDDF #D0DEE4

#C7A6A2 - #CCB8D5 - #D0DEE4

CSS codes

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

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