#DADBCD - #CEFFED | 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 #DADBCD to #CEFFED

#DADBCD #CEFFED

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

#DADBCD - #CEFFED | 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 #DADBCD as 0% and #CEFFED as 100%.

0.0%	0.0% #DADBCD	RGB 218 219 205	#DADBCD
16.7%	16.7% #D8E1D2	RGB 216 225 210	#D8E1D2
33.3%	33.3% #D6E7D7	RGB 214 231 215	#D6E7D7
50.0%	50.0% #D4EDDD	RGB 212 237 221	#D4EDDD
66.7%	66.7% #D2F3E2	RGB 210 243 226	#D2F3E2
83.3%	83.3% #D0F9E7	RGB 208 249 231	#D0F9E7
100.0%	100.0% #CEFFED	RGB 206 255 237	#CEFFED

#DADBCD #D8E1D2 #D6E7D7 #D4EDDD #D2F3E2 #D0F9E7 #CEFFED

#DADBCD - #CEFFED

HSV Blend

#DADBCD - #CEFFED | 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 #DADBCD as 0% and #CEFFED as 100%.

0.0%	0.0% #DADBCD	RGB 218 219 205	#DADBCD
16.7%	16.7% #DAE1CD	RGB 218 225 205	#DAE1CD
33.3%	33.3% #D8E7CE	RGB 216 231 206	#D8E7CE
50.0%	50.0% #D3EDCE	RGB 211 237 206	#D3EDCE
66.7%	66.7% #CEF3D2	RGB 206 243 210	#CEF3D2
83.3%	83.3% #CEF9DE	RGB 206 249 222	#CEF9DE
100.0%	100.0% #CEFFED	RGB 206 255 237	#CEFFED

#DADBCD #DAE1CD #D8E7CE #D3EDCE #CEF3D2 #CEF9DE #CEFFED

#DADBCD - #D3EDCE - #CEFFED

CSS codes

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

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