#D9DFEB - #8186B0 | 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 #D9DFEB to #8186B0

#D9DFEB #8186B0

Calculate the color between two colors, #D9DFEB and #8186B0. 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)

#D9DFEB - #8186B0 | 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 #D9DFEB as 0% and #8186B0 as 100%.

0.0%	0.0% #D9DFEB	RGB 217 223 235	#D9DFEB
16.7%	16.7% #CAD0E1	RGB 202 208 225	#CAD0E1
33.3%	33.3% #BBC1D7	RGB 187 193 215	#BBC1D7
50.0%	50.0% #ADB2CD	RGB 173 178 205	#ADB2CD
66.7%	66.7% #9EA3C3	RGB 158 163 195	#9EA3C3
83.3%	83.3% #8F94B9	RGB 143 148 185	#8F94B9
100.0%	100.0% #8186B0	RGB 129 134 176	#8186B0

#D9DFEB #CAD0E1 #BBC1D7 #ADB2CD #9EA3C3 #8F94B9 #8186B0

#D9DFEB - #8186B0

HSV Blend

#D9DFEB - #8186B0 | 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 #D9DFEB as 0% and #8186B0 as 100%.

0.0%	0.0% #D9DFEB	RGB 217 223 235	#D9DFEB
16.7%	16.7% #C8CFE1	RGB 200 207 225	#C8CFE1
33.3%	33.3% #B9C0D7	RGB 185 192 215	#B9C0D7
50.0%	50.0% #AAB1CD	RGB 170 177 205	#AAB1CD
66.7%	66.7% #9BA3C3	RGB 155 163 195	#9BA3C3
83.3%	83.3% #8E94B9	RGB 142 148 185	#8E94B9
100.0%	100.0% #8186B0	RGB 129 134 176	#8186B0

#D9DFEB #C8CFE1 #B9C0D7 #AAB1CD #9BA3C3 #8E94B9 #8186B0

#D9DFEB - #AAB1CD - #8186B0

CSS codes

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

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