#C0BAC5 - #DFD0EE | 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 #C0BAC5 to #DFD0EE

#C0BAC5 #DFD0EE

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

#C0BAC5 - #DFD0EE | 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 #C0BAC5 as 0% and #DFD0EE as 100%.

0.0%	0.0% #C0BAC5	RGB 192 186 197	#C0BAC5
16.7%	16.7% #C5BDCB	RGB 197 189 203	#C5BDCB
33.3%	33.3% #CAC1D2	RGB 202 193 210	#CAC1D2
50.0%	50.0% #CFC5D9	RGB 207 197 217	#CFC5D9
66.7%	66.7% #D4C8E0	RGB 212 200 224	#D4C8E0
83.3%	83.3% #D9CCE7	RGB 217 204 231	#D9CCE7
100.0%	100.0% #DFD0EE	RGB 223 208 238	#DFD0EE

#C0BAC5 #C5BDCB #CAC1D2 #CFC5D9 #D4C8E0 #D9CCE7 #DFD0EE

#C0BAC5 - #DFD0EE

HSV Blend

#C0BAC5 - #DFD0EE | 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 #C0BAC5 as 0% and #DFD0EE as 100%.

0.0%	0.0% #C0BAC5	RGB 192 186 197	#C0BAC5
16.7%	16.7% #C5BECB	RGB 197 190 203	#C5BECB
33.3%	33.3% #CAC1D2	RGB 202 193 210	#CAC1D2
50.0%	50.0% #D0C5D9	RGB 208 197 217	#D0C5D9
66.7%	66.7% #D5C9E0	RGB 213 201 224	#D5C9E0
83.3%	83.3% #DACCE7	RGB 218 204 231	#DACCE7
100.0%	100.0% #DFD0EE	RGB 223 208 238	#DFD0EE

#C0BAC5 #C5BECB #CAC1D2 #D0C5D9 #D5C9E0 #DACCE7 #DFD0EE

#C0BAC5 - #D0C5D9 - #DFD0EE

CSS codes

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

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