#D4D4DA - #8690B0 | 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 #D4D4DA to #8690B0

#D4D4DA #8690B0

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

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

0.0%	0.0% #D4D4DA	RGB 212 212 218	#D4D4DA
16.7%	16.7% #C7C8D3	RGB 199 200 211	#C7C8D3
33.3%	33.3% #BABDCC	RGB 186 189 204	#BABDCC
50.0%	50.0% #ADB2C5	RGB 173 178 197	#ADB2C5
66.7%	66.7% #A0A6BE	RGB 160 166 190	#A0A6BE
83.3%	83.3% #939BB7	RGB 147 155 183	#939BB7
100.0%	100.0% #8690B0	RGB 134 144 176	#8690B0

#D4D4DA #C7C8D3 #BABDCC #ADB2C5 #A0A6BE #939BB7 #8690B0

#D4D4DA - #8690B0

HSV Blend

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

0.0%	0.0% #D4D4DA	RGB 212 212 218	#D4D4DA
16.7%	16.7% #C5C6D3	RGB 197 198 211	#C5C6D3
33.3%	33.3% #B8B9CC	RGB 184 185 204	#B8B9CC
50.0%	50.0% #AAADC5	RGB 170 173 197	#AAADC5
66.7%	66.7% #9EA3BE	RGB 158 163 190	#9EA3BE
83.3%	83.3% #9199B7	RGB 145 153 183	#9199B7
100.0%	100.0% #8690B0	RGB 134 144 176	#8690B0

#D4D4DA #C5C6D3 #B8B9CC #AAADC5 #9EA3BE #9199B7 #8690B0

#D4D4DA - #AAADC5 - #8690B0

CSS codes

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

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