#DBD8DB - #FFEDCD | 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 #DBD8DB to #FFEDCD

#DBD8DB #FFEDCD

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

#DBD8DB - #FFEDCD | 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 #DBD8DB as 0% and #FFEDCD as 100%.

0.0%	0.0% #DBD8DB	RGB 219 216 219	#DBD8DB
16.7%	16.7% #E1DBD8	RGB 225 219 216	#E1DBD8
33.3%	33.3% #E7DFD6	RGB 231 223 214	#E7DFD6
50.0%	50.0% #EDE2D4	RGB 237 226 212	#EDE2D4
66.7%	66.7% #F3E6D1	RGB 243 230 209	#F3E6D1
83.3%	83.3% #F9E9CF	RGB 249 233 207	#F9E9CF
100.0%	100.0% #FFEDCD	RGB 255 237 205	#FFEDCD

#DBD8DB #E1DBD8 #E7DFD6 #EDE2D4 #F3E6D1 #F9E9CF #FFEDCD

#DBD8DB - #FFEDCD

HSV Blend

#DBD8DB - #FFEDCD | 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 #DBD8DB as 0% and #FFEDCD as 100%.

0.0%	0.0% #DBD8DB	RGB 219 216 219	#DBD8DB
16.7%	16.7% #E1D7DE	RGB 225 215 222	#E1D7DE
33.3%	33.3% #E7D5DD	RGB 231 213 221	#E7D5DD
50.0%	50.0% #EDD4D8	RGB 237 212 216	#EDD4D8
66.7%	66.7% #F3D5D2	RGB 243 213 210	#F3D5D2
83.3%	83.3% #F9DECF	RGB 249 222 207	#F9DECF
100.0%	100.0% #FFEDCD	RGB 255 237 205	#FFEDCD

#DBD8DB #E1D7DE #E7D5DD #EDD4D8 #F3D5D2 #F9DECF #FFEDCD

#DBD8DB - #EDD4D8 - #FFEDCD

CSS codes

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

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