#7B6B7D - #D8D4D9 | 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 #7B6B7D to #D8D4D9

#7B6B7D #D8D4D9

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

#7B6B7D - #D8D4D9 | 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 #7B6B7D as 0% and #D8D4D9 as 100%.

0.0%	0.0% #7B6B7D	RGB 123 107 125	#7B6B7D
16.7%	16.7% #8A7C8C	RGB 138 124 140	#8A7C8C
33.3%	33.3% #9A8E9B	RGB 154 142 155	#9A8E9B
50.0%	50.0% #A99FAB	RGB 169 159 171	#A99FAB
66.7%	66.7% #B9B1BA	RGB 185 177 186	#B9B1BA
83.3%	83.3% #C8C2C9	RGB 200 194 201	#C8C2C9
100.0%	100.0% #D8D4D9	RGB 216 212 217	#D8D4D9

#7B6B7D #8A7C8C #9A8E9B #A99FAB #B9B1BA #C8C2C9 #D8D4D9

#7B6B7D - #D8D4D9

HSV Blend

#7B6B7D - #D8D4D9 | 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 #7B6B7D as 0% and #D8D4D9 as 100%.

0.0%	0.0% #7B6B7D	RGB 123 107 125	#7B6B7D
16.7%	16.7% #8A7A8C	RGB 138 122 140	#8A7A8C
33.3%	33.3% #998B9B	RGB 153 139 155	#998B9B
50.0%	50.0% #A89CAB	RGB 168 156 171	#A89CAB
66.7%	66.7% #B8AEBA	RGB 184 174 186	#B8AEBA
83.3%	83.3% #C8C0C9	RGB 200 192 201	#C8C0C9
100.0%	100.0% #D8D4D9	RGB 216 212 217	#D8D4D9

#7B6B7D #8A7A8C #998B9B #A89CAB #B8AEBA #C8C0C9 #D8D4D9

#7B6B7D - #A89CAB - #D8D4D9

CSS codes

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

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