#C0B9BB - #F0FFB5 | 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 #C0B9BB to #F0FFB5

#C0B9BB #F0FFB5

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

#C0B9BB - #F0FFB5 | 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 #C0B9BB as 0% and #F0FFB5 as 100%.

0.0%	0.0% #C0B9BB	RGB 192 185 187	#C0B9BB
16.7%	16.7% #C8C4BA	RGB 200 196 186	#C8C4BA
33.3%	33.3% #D0D0B9	RGB 208 208 185	#D0D0B9
50.0%	50.0% #D8DCB8	RGB 216 220 184	#D8DCB8
66.7%	66.7% #E0E7B7	RGB 224 231 183	#E0E7B7
83.3%	83.3% #E8F3B6	RGB 232 243 182	#E8F3B6
100.0%	100.0% #F0FFB5	RGB 240 255 181	#F0FFB5

#C0B9BB #C8C4BA #D0D0B9 #D8DCB8 #E0E7B7 #E8F3B6 #F0FFB5

#C0B9BB - #F0FFB5

HSV Blend

#C0B9BB - #F0FFB5 | 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 #C0B9BB as 0% and #F0FFB5 as 100%.

0.0%	0.0% #C0B9BB	RGB 192 185 187	#C0B9BB
16.7%	16.7% #CABABB	RGB 202 186 187	#CABABB
33.3%	33.3% #D5C0BB	RGB 213 192 187	#D5C0BB
50.0%	50.0% #DFCBBA	RGB 223 203 186	#DFCBBA
66.7%	66.7% #EADBB9	RGB 234 219 185	#EADBB9
83.3%	83.3% #F4F1B7	RGB 244 241 183	#F4F1B7
100.0%	100.0% #F0FFB5	RGB 240 255 181	#F0FFB5

#C0B9BB #CABABB #D5C0BB #DFCBBA #EADBB9 #F4F1B7 #F0FFB5

#C0B9BB - #DFCBBA - #F0FFB5

CSS codes

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

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