#D9DAE2 - #8C93B4 | 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 #D9DAE2 to #8C93B4

#D9DAE2 #8C93B4

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

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

0.0%	0.0% #D9DAE2	RGB 217 218 226	#D9DAE2
16.7%	16.7% #CCCEDA	RGB 204 206 218	#CCCEDA
33.3%	33.3% #BFC2D2	RGB 191 194 210	#BFC2D2
50.0%	50.0% #B2B6CB	RGB 178 182 203	#B2B6CB
66.7%	66.7% #A5AAC3	RGB 165 170 195	#A5AAC3
83.3%	83.3% #989EBB	RGB 152 158 187	#989EBB
100.0%	100.0% #8C93B4	RGB 140 147 180	#8C93B4

#D9DAE2 #CCCEDA #BFC2D2 #B2B6CB #A5AAC3 #989EBB #8C93B4

#D9DAE2 - #8C93B4

HSV Blend

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

0.0%	0.0% #D9DAE2	RGB 217 218 226	#D9DAE2
16.7%	16.7% #CBCCDA	RGB 203 204 218	#CBCCDA
33.3%	33.3% #BDC0D2	RGB 189 192 210	#BDC0D2
50.0%	50.0% #B0B4CB	RGB 176 180 203	#B0B4CB
66.7%	66.7% #A3A8C3	RGB 163 168 195	#A3A8C3
83.3%	83.3% #979DBB	RGB 151 157 187	#979DBB
100.0%	100.0% #8C93B4	RGB 140 147 180	#8C93B4

#D9DAE2 #CBCCDA #BDC0D2 #B0B4CB #A3A8C3 #979DBB #8C93B4

#D9DAE2 - #B0B4CB - #8C93B4

CSS codes

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

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