#DBDADA - #DEFFCD | 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 #DBDADA to #DEFFCD

#DBDADA #DEFFCD

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

#DBDADA - #DEFFCD | 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 #DBDADA as 0% and #DEFFCD as 100%.

0.0%	0.0% #DBDADA	RGB 219 218 218	#DBDADA
16.7%	16.7% #DBE0D7	RGB 219 224 215	#DBE0D7
33.3%	33.3% #DCE6D5	RGB 220 230 213	#DCE6D5
50.0%	50.0% #DCECD3	RGB 220 236 211	#DCECD3
66.7%	66.7% #DDF2D1	RGB 221 242 209	#DDF2D1
83.3%	83.3% #DDF8CF	RGB 221 248 207	#DDF8CF
100.0%	100.0% #DEFFCD	RGB 222 255 205	#DEFFCD

#DBDADA #DBE0D7 #DCE6D5 #DCECD3 #DDF2D1 #DDF8CF #DEFFCD

#DBDADA - #DEFFCD

HSV Blend

#DBDADA - #DEFFCD | 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 #DBDADA as 0% and #DEFFCD as 100%.

0.0%	0.0% #DBDADA	RGB 219 218 218	#DBDADA
16.7%	16.7% #E1DBD8	RGB 225 219 216	#E1DBD8
33.3%	33.3% #E7DFD7	RGB 231 223 215	#E7DFD7
50.0%	50.0% #EDE8D5	RGB 237 232 213	#EDE8D5
66.7%	66.7% #EFF3D2	RGB 239 243 210	#EFF3D2
83.3%	83.3% #E9F9D0	RGB 233 249 208	#E9F9D0
100.0%	100.0% #DEFFCD	RGB 222 255 205	#DEFFCD

#DBDADA #E1DBD8 #E7DFD7 #EDE8D5 #EFF3D2 #E9F9D0 #DEFFCD

#DBDADA - #EDE8D5 - #DEFFCD

CSS codes

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

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