#D6B9CD - #DBE4DF | 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 #D6B9CD to #DBE4DF

#D6B9CD #DBE4DF

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

#D6B9CD - #DBE4DF | 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 #D6B9CD as 0% and #DBE4DF as 100%.

0.0%	0.0% #D6B9CD	RGB 214 185 205	#D6B9CD
16.7%	16.7% #D6C0D0	RGB 214 192 208	#D6C0D0
33.3%	33.3% #D7C7D3	RGB 215 199 211	#D7C7D3
50.0%	50.0% #D8CED6	RGB 216 206 214	#D8CED6
66.7%	66.7% #D9D5D9	RGB 217 213 217	#D9D5D9
83.3%	83.3% #DADCDC	RGB 218 220 220	#DADCDC
100.0%	100.0% #DBE4DF	RGB 219 228 223	#DBE4DF

#D6B9CD #D6C0D0 #D7C7D3 #D8CED6 #D9D5D9 #DADCDC #DBE4DF

#D6B9CD - #DBE4DF

HSV Blend

#D6B9CD - #DBE4DF | 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 #D6B9CD as 0% and #DBE4DF as 100%.

0.0%	0.0% #D6B9CD	RGB 214 185 205	#D6B9CD
16.7%	16.7% #D4BED8	RGB 212 190 216	#D4BED8
33.3%	33.3% #CCC4DA	RGB 204 196 218	#CCC4DA
50.0%	50.0% #C9CCDD	RGB 201 204 221	#C9CCDD
66.7%	66.7% #CFD8DF	RGB 207 216 223	#CFD8DF
83.3%	83.3% #D5E1E0	RGB 213 225 224	#D5E1E0
100.0%	100.0% #DBE4DF	RGB 219 228 223	#DBE4DF

#D6B9CD #D4BED8 #CCC4DA #C9CCDD #CFD8DF #D5E1E0 #DBE4DF

#D6B9CD - #C9CCDD - #DBE4DF

CSS codes

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

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