#D4D0D6 - #867F93 | 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 #D4D0D6 to #867F93

#D4D0D6 #867F93

Calculate the color between two colors, #D4D0D6 and #867F93. 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)

#D4D0D6 - #867F93 | 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 #D4D0D6 as 0% and #867F93 as 100%.

0.0%	0.0% #D4D0D6	RGB 212 208 214	#D4D0D6
16.7%	16.7% #C7C2CA	RGB 199 194 202	#C7C2CA
33.3%	33.3% #BAB5BF	RGB 186 181 191	#BAB5BF
50.0%	50.0% #ADA7B4	RGB 173 167 180	#ADA7B4
66.7%	66.7% #A09AA9	RGB 160 154 169	#A09AA9
83.3%	83.3% #938C9E	RGB 147 140 158	#938C9E
100.0%	100.0% #867F93	RGB 134 127 147	#867F93

#D4D0D6 #C7C2CA #BAB5BF #ADA7B4 #A09AA9 #938C9E #867F93

#D4D0D6 - #867F93

HSV Blend

#D4D0D6 - #867F93 | 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 #D4D0D6 as 0% and #867F93 as 100%.

0.0%	0.0% #D4D0D6	RGB 212 208 214	#D4D0D6
16.7%	16.7% #C7C1CA	RGB 199 193 202	#C7C1CA
33.3%	33.3% #BAB3BF	RGB 186 179 191	#BAB3BF
50.0%	50.0% #ADA5B4	RGB 173 165 180	#ADA5B4
66.7%	66.7% #A098A9	RGB 160 152 169	#A098A9
83.3%	83.3% #938B9E	RGB 147 139 158	#938B9E
100.0%	100.0% #867F93	RGB 134 127 147	#867F93

#D4D0D6 #C7C1CA #BAB3BF #ADA5B4 #A098A9 #938B9E #867F93

#D4D0D6 - #ADA5B4 - #867F93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4D0D6 0%, #ADA5B4 50%, #867F93 100%);
    background: -webkit-linear-gradient(top, #D4D0D6 0%, #ADA5B4 50%, #867F93 100%);
    background: linear-gradient(to bottom, #D4D0D6 0%, #ADA5B4 50%, #867F93 100%);
}
</style>