#D4D2D7 - #8C7E95 | 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 #D4D2D7 to #8C7E95

#D4D2D7 #8C7E95

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

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

0.0%	0.0% #D4D2D7	RGB 212 210 215	#D4D2D7
16.7%	16.7% #C8C4CC	RGB 200 196 204	#C8C4CC
33.3%	33.3% #BCB6C1	RGB 188 182 193	#BCB6C1
50.0%	50.0% #B0A8B6	RGB 176 168 182	#B0A8B6
66.7%	66.7% #A49AAB	RGB 164 154 171	#A49AAB
83.3%	83.3% #988CA0	RGB 152 140 160	#988CA0
100.0%	100.0% #8C7E95	RGB 140 126 149	#8C7E95

#D4D2D7 #C8C4CC #BCB6C1 #B0A8B6 #A49AAB #988CA0 #8C7E95

#D4D2D7 - #8C7E95

HSV Blend

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

0.0%	0.0% #D4D2D7	RGB 212 210 215	#D4D2D7
16.7%	16.7% #C6C2CC	RGB 198 194 204	#C6C2CC
33.3%	33.3% #BAB4C1	RGB 186 180 193	#BAB4C1
50.0%	50.0% #ADA5B6	RGB 173 165 182	#ADA5B6
66.7%	66.7% #A298AB	RGB 162 152 171	#A298AB
83.3%	83.3% #968AA0	RGB 150 138 160	#968AA0
100.0%	100.0% #8C7E95	RGB 140 126 149	#8C7E95

#D4D2D7 #C6C2CC #BAB4C1 #ADA5B6 #A298AB #968AA0 #8C7E95

#D4D2D7 - #ADA5B6 - #8C7E95

CSS codes

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

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