#D9DCE7 - #938DB0 | 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 #D9DCE7 to #938DB0

#D9DCE7 #938DB0

Calculate the color between two colors, #D9DCE7 and #938DB0. 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)

#D9DCE7 - #938DB0 | 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 #D9DCE7 as 0% and #938DB0 as 100%.

0.0%	0.0% #D9DCE7	RGB 217 220 231	#D9DCE7
16.7%	16.7% #CDCEDD	RGB 205 206 221	#CDCEDD
33.3%	33.3% #C1C1D4	RGB 193 193 212	#C1C1D4
50.0%	50.0% #B6B4CB	RGB 182 180 203	#B6B4CB
66.7%	66.7% #AAA7C2	RGB 170 167 194	#AAA7C2
83.3%	83.3% #9E9AB9	RGB 158 154 185	#9E9AB9
100.0%	100.0% #938DB0	RGB 147 141 176	#938DB0

#D9DCE7 #CDCEDD #C1C1D4 #B6B4CB #AAA7C2 #9E9AB9 #938DB0

#D9DCE7 - #938DB0

HSV Blend

#D9DCE7 - #938DB0 | 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 #D9DCE7 as 0% and #938DB0 as 100%.

0.0%	0.0% #D9DCE7	RGB 217 220 231	#D9DCE7
16.7%	16.7% #CBCEDD	RGB 203 206 221	#CBCEDD
33.3%	33.3% #BDBFD4	RGB 189 191 212	#BDBFD4
50.0%	50.0% #B1B1CB	RGB 177 177 203	#B1B1CB
66.7%	66.7% #A5A4C2	RGB 165 164 194	#A5A4C2
83.3%	83.3% #9C98B9	RGB 156 152 185	#9C98B9
100.0%	100.0% #938DB0	RGB 147 141 176	#938DB0

#D9DCE7 #CBCEDD #BDBFD4 #B1B1CB #A5A4C2 #9C98B9 #938DB0

#D9DCE7 - #B1B1CB - #938DB0

CSS codes

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

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