#D7BFC8 - #A8697E | 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 #D7BFC8 to #A8697E

#D7BFC8 #A8697E

Calculate the color between two colors, #D7BFC8 and #A8697E. 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)

#D7BFC8 - #A8697E | 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 #D7BFC8 as 0% and #A8697E as 100%.

0.0%	0.0% #D7BFC8	RGB 215 191 200	#D7BFC8
16.7%	16.7% #CFB0BB	RGB 207 176 187	#CFB0BB
33.3%	33.3% #C7A2AF	RGB 199 162 175	#C7A2AF
50.0%	50.0% #BF94A3	RGB 191 148 163	#BF94A3
66.7%	66.7% #B78596	RGB 183 133 150	#B78596
83.3%	83.3% #AF778A	RGB 175 119 138	#AF778A
100.0%	100.0% #A8697E	RGB 168 105 126	#A8697E

#D7BFC8 #CFB0BB #C7A2AF #BF94A3 #B78596 #AF778A #A8697E

#D7BFC8 - #A8697E

HSV Blend

#D7BFC8 - #A8697E | 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 #D7BFC8 as 0% and #A8697E as 100%.

0.0%	0.0% #D7BFC8	RGB 215 191 200	#D7BFC8
16.7%	16.7% #CFAEBA	RGB 207 174 186	#CFAEBA
33.3%	33.3% #C79FAD	RGB 199 159 173	#C79FAD
50.0%	50.0% #BF90A1	RGB 191 144 161	#BF90A1
66.7%	66.7% #B78295	RGB 183 130 149	#B78295
83.3%	83.3% #AF7589	RGB 175 117 137	#AF7589
100.0%	100.0% #A8697E	RGB 168 105 126	#A8697E

#D7BFC8 #CFAEBA #C79FAD #BF90A1 #B78295 #AF7589 #A8697E

#D7BFC8 - #BF90A1 - #A8697E

CSS codes

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

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