#CBC3C9 - #DBEAE6 | 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 #CBC3C9 to #DBEAE6

#CBC3C9 #DBEAE6

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

#CBC3C9 - #DBEAE6 | 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 #CBC3C9 as 0% and #DBEAE6 as 100%.

0.0%	0.0% #CBC3C9	RGB 203 195 201	#CBC3C9
16.7%	16.7% #CDC9CD	RGB 205 201 205	#CDC9CD
33.3%	33.3% #D0D0D2	RGB 208 208 210	#D0D0D2
50.0%	50.0% #D3D6D7	RGB 211 214 215	#D3D6D7
66.7%	66.7% #D5DDDC	RGB 213 221 220	#D5DDDC
83.3%	83.3% #D8E3E1	RGB 216 227 225	#D8E3E1
100.0%	100.0% #DBEAE6	RGB 219 234 230	#DBEAE6

#CBC3C9 #CDC9CD #D0D0D2 #D3D6D7 #D5DDDC #D8E3E1 #DBEAE6

#CBC3C9 - #DBEAE6

HSV Blend

#CBC3C9 - #DBEAE6 | 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 #CBC3C9 as 0% and #DBEAE6 as 100%.

0.0%	0.0% #CBC3C9	RGB 203 195 201	#CBC3C9
16.7%	16.7% #CEC7D0	RGB 206 199 208	#CEC7D0
33.3%	33.3% #CFCBD5	RGB 207 203 213	#CFCBD5
50.0%	50.0% #CFCFDA	RGB 207 207 218	#CFCFDA
66.7%	66.7% #D3D8DF	RGB 211 216 223	#D3D8DF
83.3%	83.3% #D7E2E4	RGB 215 226 228	#D7E2E4
100.0%	100.0% #DBEAE6	RGB 219 234 230	#DBEAE6

#CBC3C9 #CEC7D0 #CFCBD5 #CFCFDA #D3D8DF #D7E2E4 #DBEAE6

#CBC3C9 - #CFCFDA - #DBEAE6

CSS codes

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

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