#DBE7E2 - #CBECDD | 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 #DBE7E2 to #CBECDD

#DBE7E2 #CBECDD

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

#DBE7E2 - #CBECDD | 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 #DBE7E2 as 0% and #CBECDD as 100%.

0.0%	0.0% #DBE7E2	RGB 219 231 226	#DBE7E2
16.7%	16.7% #D8E7E1	RGB 216 231 225	#D8E7E1
33.3%	33.3% #D5E8E0	RGB 213 232 224	#D5E8E0
50.0%	50.0% #D3E9DF	RGB 211 233 223	#D3E9DF
66.7%	66.7% #D0EADE	RGB 208 234 222	#D0EADE
83.3%	83.3% #CDEBDD	RGB 205 235 221	#CDEBDD
100.0%	100.0% #CBECDD	RGB 203 236 221	#CBECDD

#DBE7E2 #D8E7E1 #D5E8E0 #D3E9DF #D0EADE #CDEBDD #CBECDD

#DBE7E2 - #CBECDD

HSV Blend

#DBE7E2 - #CBECDD | 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 #DBE7E2 as 0% and #CBECDD as 100%.

0.0%	0.0% #DBE7E2	RGB 219 231 226	#DBE7E2
16.7%	16.7% #D8E7E1	RGB 216 231 225	#D8E7E1
33.3%	33.3% #D5E8E0	RGB 213 232 224	#D5E8E0
50.0%	50.0% #D3E9DF	RGB 211 233 223	#D3E9DF
66.7%	66.7% #D0EADE	RGB 208 234 222	#D0EADE
83.3%	83.3% #CDEBDD	RGB 205 235 221	#CDEBDD
100.0%	100.0% #CBECDD	RGB 203 236 221	#CBECDD

#DBE7E2 #D8E7E1 #D5E8E0 #D3E9DF #D0EADE #CDEBDD #CBECDD

#DBE7E2 - #D3E9DF - #CBECDD

CSS codes

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

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