#D9DEEA - #8BA5CB | 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 #D9DEEA to #8BA5CB

#D9DEEA #8BA5CB

Calculate the color between two colors, #D9DEEA and #8BA5CB. 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)

#D9DEEA - #8BA5CB | 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 #D9DEEA as 0% and #8BA5CB as 100%.

0.0%	0.0% #D9DEEA	RGB 217 222 234	#D9DEEA
16.7%	16.7% #CCD4E4	RGB 204 212 228	#CCD4E4
33.3%	33.3% #BFCBDF	RGB 191 203 223	#BFCBDF
50.0%	50.0% #B2C1DA	RGB 178 193 218	#B2C1DA
66.7%	66.7% #A5B8D5	RGB 165 184 213	#A5B8D5
83.3%	83.3% #98AED0	RGB 152 174 208	#98AED0
100.0%	100.0% #8BA5CB	RGB 139 165 203	#8BA5CB

#D9DEEA #CCD4E4 #BFCBDF #B2C1DA #A5B8D5 #98AED0 #8BA5CB

#D9DEEA - #8BA5CB

HSV Blend

#D9DEEA - #8BA5CB | 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 #D9DEEA as 0% and #8BA5CB as 100%.

0.0%	0.0% #D9DEEA	RGB 217 222 234	#D9DEEA
16.7%	16.7% #CAD3E4	RGB 202 211 228	#CAD3E4
33.3%	33.3% #BDC8DF	RGB 189 200 223	#BDC8DF
50.0%	50.0% #B0BEDA	RGB 176 190 218	#B0BEDA
66.7%	66.7% #A3B5D5	RGB 163 181 213	#A3B5D5
83.3%	83.3% #96ADD0	RGB 150 173 208	#96ADD0
100.0%	100.0% #8BA5CB	RGB 139 165 203	#8BA5CB

#D9DEEA #CAD3E4 #BDC8DF #B0BEDA #A3B5D5 #96ADD0 #8BA5CB

#D9DEEA - #B0BEDA - #8BA5CB

CSS codes

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

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