#DBCECE - #E6C7DE | 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 #DBCECE to #E6C7DE

#DBCECE #E6C7DE

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

#DBCECE - #E6C7DE | 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 #DBCECE as 0% and #E6C7DE as 100%.

0.0%	0.0% #DBCECE	RGB 219 206 206	#DBCECE
16.7%	16.7% #DCCCD0	RGB 220 204 208	#DCCCD0
33.3%	33.3% #DECBD3	RGB 222 203 211	#DECBD3
50.0%	50.0% #E0CAD6	RGB 224 202 214	#E0CAD6
66.7%	66.7% #E2C9D8	RGB 226 201 216	#E2C9D8
83.3%	83.3% #E4C8DB	RGB 228 200 219	#E4C8DB
100.0%	100.0% #E6C7DE	RGB 230 199 222	#E6C7DE

#DBCECE #DCCCD0 #DECBD3 #E0CAD6 #E2C9D8 #E4C8DB #E6C7DE

#DBCECE - #E6C7DE

HSV Blend

#DBCECE - #E6C7DE | 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 #DBCECE as 0% and #E6C7DE as 100%.

0.0%	0.0% #DBCECE	RGB 219 206 206	#DBCECE
16.7%	16.7% #DCCCCE	RGB 220 204 206	#DCCCCE
33.3%	33.3% #DECBD0	RGB 222 203 208	#DECBD0
50.0%	50.0% #E0CAD2	RGB 224 202 210	#E0CAD2
66.7%	66.7% #E2C9D5	RGB 226 201 213	#E2C9D5
83.3%	83.3% #E4C8D9	RGB 228 200 217	#E4C8D9
100.0%	100.0% #E6C7DE	RGB 230 199 222	#E6C7DE

#DBCECE #DCCCCE #DECBD0 #E0CAD2 #E2C9D5 #E4C8D9 #E6C7DE

#DBCECE - #E0CAD2 - #E6C7DE

CSS codes

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

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