#8190A8 - #D3C7BA | 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 #8190A8 to #D3C7BA

#8190A8 #D3C7BA

Calculate the color between two colors, #8190A8 and #D3C7BA. 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)

#8190A8 - #D3C7BA | 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 #8190A8 as 0% and #D3C7BA as 100%.

0.0%	0.0% #8190A8	RGB 129 144 168	#8190A8
16.7%	16.7% #8E99AB	RGB 142 153 171	#8E99AB
33.3%	33.3% #9CA2AE	RGB 156 162 174	#9CA2AE
50.0%	50.0% #AAABB1	RGB 170 171 177	#AAABB1
66.7%	66.7% #B7B4B4	RGB 183 180 180	#B7B4B4
83.3%	83.3% #C5BDB7	RGB 197 189 183	#C5BDB7
100.0%	100.0% #D3C7BA	RGB 211 199 186	#D3C7BA

#8190A8 #8E99AB #9CA2AE #AAABB1 #B7B4B4 #C5BDB7 #D3C7BA

#8190A8 - #D3C7BA

HSV Blend

#8190A8 - #D3C7BA | 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 #8190A8 as 0% and #D3C7BA as 100%.

0.0%	0.0% #8190A8	RGB 129 144 168	#8190A8
16.7%	16.7% #8D89AF	RGB 141 137 175	#8D89AF
33.3%	33.3% #A792B6	RGB 167 146 182	#A792B6
50.0%	50.0% #BD9CBB	RGB 189 156 187	#BD9CBB
66.7%	66.7% #C4A5B3	RGB 196 165 179	#C4A5B3
83.3%	83.3% #CBB0AF	RGB 203 176 175	#CBB0AF
100.0%	100.0% #D3C7BA	RGB 211 199 186	#D3C7BA

#8190A8 #8D89AF #A792B6 #BD9CBB #C4A5B3 #CBB0AF #D3C7BA

#8190A8 - #BD9CBB - #D3C7BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8190A8 0%, #BD9CBB 50%, #D3C7BA 100%);
    background: -webkit-linear-gradient(top, #8190A8 0%, #BD9CBB 50%, #D3C7BA 100%);
    background: linear-gradient(to bottom, #8190A8 0%, #BD9CBB 50%, #D3C7BA 100%);
}
</style>