#C2AC9E - #CDD7E4 | 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 #C2AC9E to #CDD7E4

#C2AC9E #CDD7E4

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

#C2AC9E - #CDD7E4 | 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 #C2AC9E as 0% and #CDD7E4 as 100%.

0.0%	0.0% #C2AC9E	RGB 194 172 158	#C2AC9E
16.7%	16.7% #C3B3A9	RGB 195 179 169	#C3B3A9
33.3%	33.3% #C5BAB5	RGB 197 186 181	#C5BAB5
50.0%	50.0% #C7C1C1	RGB 199 193 193	#C7C1C1
66.7%	66.7% #C9C8CC	RGB 201 200 204	#C9C8CC
83.3%	83.3% #CBCFD8	RGB 203 207 216	#CBCFD8
100.0%	100.0% #CDD7E4	RGB 205 215 228	#CDD7E4

#C2AC9E #C3B3A9 #C5BAB5 #C7C1C1 #C9C8CC #CBCFD8 #CDD7E4

#C2AC9E - #CDD7E4

HSV Blend

#C2AC9E - #CDD7E4 | 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 #C2AC9E as 0% and #CDD7E4 as 100%.

0.0%	0.0% #C2AC9E	RGB 194 172 158	#C2AC9E
16.7%	16.7% #C7A5A8	RGB 199 165 168	#C7A5A8
33.3%	33.3% #CDADBE	RGB 205 173 190	#CDADBE
50.0%	50.0% #D2B4D3	RGB 210 180 211	#D2B4D3
66.7%	66.7% #CABCD8	RGB 202 188 216	#CABCD8
83.3%	83.3% #C5C4DE	RGB 197 196 222	#C5C4DE
100.0%	100.0% #CDD7E4	RGB 205 215 228	#CDD7E4

#C2AC9E #C7A5A8 #CDADBE #D2B4D3 #CABCD8 #C5C4DE #CDD7E4

#C2AC9E - #D2B4D3 - #CDD7E4

CSS codes

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

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