#B5A8C8 - #694A80 | 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 #B5A8C8 to #694A80

#B5A8C8 #694A80

Calculate the color between two colors, #B5A8C8 and #694A80. 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)

#B5A8C8 - #694A80 | 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 #B5A8C8 as 0% and #694A80 as 100%.

0.0%	0.0% #B5A8C8	RGB 181 168 200	#B5A8C8
16.7%	16.7% #A898BC	RGB 168 152 188	#A898BC
33.3%	33.3% #9B88B0	RGB 155 136 176	#9B88B0
50.0%	50.0% #8F79A4	RGB 143 121 164	#8F79A4
66.7%	66.7% #826998	RGB 130 105 152	#826998
83.3%	83.3% #75598C	RGB 117 89 140	#75598C
100.0%	100.0% #694A80	RGB 105 74 128	#694A80

#B5A8C8 #A898BC #9B88B0 #8F79A4 #826998 #75598C #694A80

#B5A8C8 - #694A80

HSV Blend

#B5A8C8 - #694A80 | 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 #B5A8C8 as 0% and #694A80 as 100%.

0.0%	0.0% #B5A8C8	RGB 181 168 200	#B5A8C8
16.7%	16.7% #A695BC	RGB 166 149 188	#A695BC
33.3%	33.3% #9884B0	RGB 152 132 176	#9884B0
50.0%	50.0% #8B74A4	RGB 139 116 164	#8B74A4
66.7%	66.7% #7F6598	RGB 127 101 152	#7F6598
83.3%	83.3% #73578C	RGB 115 87 140	#73578C
100.0%	100.0% #694A80	RGB 105 74 128	#694A80

#B5A8C8 #A695BC #9884B0 #8B74A4 #7F6598 #73578C #694A80

#B5A8C8 - #8B74A4 - #694A80

CSS codes

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

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