#B4A8C6 - #684B7E | 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 #B4A8C6 to #684B7E

#B4A8C6 #684B7E

Calculate the color between two colors, #B4A8C6 and #684B7E. 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)

#B4A8C6 - #684B7E | 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 #B4A8C6 as 0% and #684B7E as 100%.

0.0%	0.0% #B4A8C6	RGB 180 168 198	#B4A8C6
16.7%	16.7% #A798BA	RGB 167 152 186	#A798BA
33.3%	33.3% #9A89AE	RGB 154 137 174	#9A89AE
50.0%	50.0% #8E79A2	RGB 142 121 162	#8E79A2
66.7%	66.7% #816A96	RGB 129 106 150	#816A96
83.3%	83.3% #745A8A	RGB 116 90 138	#745A8A
100.0%	100.0% #684B7E	RGB 104 75 126	#684B7E

#B4A8C6 #A798BA #9A89AE #8E79A2 #816A96 #745A8A #684B7E

#B4A8C6 - #684B7E

HSV Blend

#B4A8C6 - #684B7E | 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 #B4A8C6 as 0% and #684B7E as 100%.

0.0%	0.0% #B4A8C6	RGB 180 168 198	#B4A8C6
16.7%	16.7% #A595BA	RGB 165 149 186	#A595BA
33.3%	33.3% #9784AE	RGB 151 132 174	#9784AE
50.0%	50.0% #8A74A2	RGB 138 116 162	#8A74A2
66.7%	66.7% #7E6596	RGB 126 101 150	#7E6596
83.3%	83.3% #73578A	RGB 115 87 138	#73578A
100.0%	100.0% #684B7E	RGB 104 75 126	#684B7E

#B4A8C6 #A595BA #9784AE #8A74A2 #7E6596 #73578A #684B7E

#B4A8C6 - #8A74A2 - #684B7E

CSS codes

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

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