#B7A2D9 - #694CA2 | 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 #B7A2D9 to #694CA2

#B7A2D9 #694CA2

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

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

0.0%	0.0% #B7A2D9	RGB 183 162 217	#B7A2D9
16.7%	16.7% #AA93CF	RGB 170 147 207	#AA93CF
33.3%	33.3% #9D85C6	RGB 157 133 198	#9D85C6
50.0%	50.0% #9077BD	RGB 144 119 189	#9077BD
66.7%	66.7% #8368B4	RGB 131 104 180	#8368B4
83.3%	83.3% #765AAB	RGB 118 90 171	#765AAB
100.0%	100.0% #694CA2	RGB 105 76 162	#694CA2

#B7A2D9 #AA93CF #9D85C6 #9077BD #8368B4 #765AAB #694CA2

#B7A2D9 - #694CA2

HSV Blend

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

0.0%	0.0% #B6A2D9	RGB 182 162 217	#B6A2D9
16.7%	16.7% #A891CF	RGB 168 145 207	#A891CF
33.3%	33.3% #9B81C6	RGB 155 129 198	#9B81C6
50.0%	50.0% #8D73BD	RGB 141 115 189	#8D73BD
66.7%	66.7% #8165B4	RGB 129 101 180	#8165B4
83.3%	83.3% #7458AB	RGB 116 88 171	#7458AB
100.0%	100.0% #694CA2	RGB 105 76 162	#694CA2

#B6A2D9 #A891CF #9B81C6 #8D73BD #8165B4 #7458AB #694CA2

#B7A2D9 - #8D73BD - #694CA2

CSS codes

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

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