#8A7F78 - #DDDAD8 | 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 #8A7F78 to #DDDAD8

#8A7F78 #DDDAD8

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

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

0.0%	0.0% #8A7F78	RGB 138 127 120	#8A7F78
16.7%	16.7% #978E88	RGB 151 142 136	#978E88
33.3%	33.3% #A59D98	RGB 165 157 152	#A59D98
50.0%	50.0% #B3ACA8	RGB 179 172 168	#B3ACA8
66.7%	66.7% #C1BBB8	RGB 193 187 184	#C1BBB8
83.3%	83.3% #CFCAC8	RGB 207 202 200	#CFCAC8
100.0%	100.0% #DDDAD8	RGB 221 218 216	#DDDAD8

#8A7F78 #978E88 #A59D98 #B3ACA8 #C1BBB8 #CFCAC8 #DDDAD8

#8A7F78 - #DDDAD8

HSV Blend

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

0.0%	0.0% #8A7F78	RGB 138 127 120	#8A7F78
16.7%	16.7% #978D86	RGB 151 141 134	#978D86
33.3%	33.3% #A59C96	RGB 165 156 150	#A59C96
50.0%	50.0% #B3ABA5	RGB 179 171 165	#B3ABA5
66.7%	66.7% #C1BAB6	RGB 193 186 182	#C1BAB6
83.3%	83.3% #CFCAC6	RGB 207 202 198	#CFCAC6
100.0%	100.0% #DDDAD8	RGB 221 218 216	#DDDAD8

#8A7F78 #978D86 #A59C96 #B3ABA5 #C1BAB6 #CFCAC6 #DDDAD8

#8A7F78 - #B3ABA5 - #DDDAD8

CSS codes

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

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