#C2AB91 - #CCD1DA | 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 #C2AB91 to #CCD1DA

#C2AB91 #CCD1DA

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

#C2AB91 - #CCD1DA | 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 #C2AB91 as 0% and #CCD1DA as 100%.

0.0%	0.0% #C2AB91	RGB 194 171 145	#C2AB91
16.7%	16.7% #C3B19D	RGB 195 177 157	#C3B19D
33.3%	33.3% #C5B7A9	RGB 197 183 169	#C5B7A9
50.0%	50.0% #C7BEB5	RGB 199 190 181	#C7BEB5
66.7%	66.7% #C8C4C1	RGB 200 196 193	#C8C4C1
83.3%	83.3% #CACACD	RGB 202 202 205	#CACACD
100.0%	100.0% #CCD1DA	RGB 204 209 218	#CCD1DA

#C2AB91 #C3B19D #C5B7A9 #C7BEB5 #C8C4C1 #CACACD #CCD1DA

#C2AB91 - #CCD1DA

HSV Blend

#C2AB91 - #CCD1DA | 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 #C2AB91 as 0% and #CCD1DA as 100%.

0.0%	0.0% #C2AB91	RGB 194 171 145	#C2AB91
16.7%	16.7% #C69C9A	RGB 198 156 154	#C69C9A
33.3%	33.3% #CAA3B4	RGB 202 163 180	#CAA3B4
50.0%	50.0% #CEADCB	RGB 206 173 203	#CEADCB
66.7%	66.7% #C7B7D2	RGB 199 183 210	#C7B7D2
83.3%	83.3% #C4C1D6	RGB 196 193 214	#C4C1D6
100.0%	100.0% #CCD1DA	RGB 204 209 218	#CCD1DA

#C2AB91 #C69C9A #CAA3B4 #CEADCB #C7B7D2 #C4C1D6 #CCD1DA

#C2AB91 - #CEADCB - #CCD1DA

CSS codes

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

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