#B095E7 - #6029A7 | 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 #B095E7 to #6029A7

#B095E7 #6029A7

Calculate the color between two colors, #B095E7 and #6029A7. 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)

#B095E7 - #6029A7 | 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 #B095E7 as 0% and #6029A7 as 100%.

0.0%	0.0% #B095E7	RGB 176 149 231	#B095E7
16.7%	16.7% #A283DC	RGB 162 131 220	#A283DC
33.3%	33.3% #9571D1	RGB 149 113 209	#9571D1
50.0%	50.0% #885FC7	RGB 136 95 199	#885FC7
66.7%	66.7% #7A4DBC	RGB 122 77 188	#7A4DBC
83.3%	83.3% #6D3BB1	RGB 109 59 177	#6D3BB1
100.0%	100.0% #6029A7	RGB 96 41 167	#6029A7

#B095E7 #A283DC #9571D1 #885FC7 #7A4DBC #6D3BB1 #6029A7

#B095E7 - #6029A7

HSV Blend

#B095E7 - #6029A7 | 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 #B095E7 as 0% and #6029A7 as 100%.

0.0%	0.0% #AF95E7	RGB 175 149 231	#AF95E7
16.7%	16.7% #9F7FDC	RGB 159 127 220	#9F7FDC
33.3%	33.3% #906BD1	RGB 144 107 209	#906BD1
50.0%	50.0% #8258C7	RGB 130 88 199	#8258C7
66.7%	66.7% #7647BC	RGB 118 71 188	#7647BC
83.3%	83.3% #6A37B1	RGB 106 55 177	#6A37B1
100.0%	100.0% #6029A7	RGB 96 41 167	#6029A7

#AF95E7 #9F7FDC #906BD1 #8258C7 #7647BC #6A37B1 #6029A7

#B095E7 - #8258C7 - #6029A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF95E7 0%, #8258C7 50%, #6029A7 100%);
    background: -webkit-linear-gradient(top, #AF95E7 0%, #8258C7 50%, #6029A7 100%);
    background: linear-gradient(to bottom, #AF95E7 0%, #8258C7 50%, #6029A7 100%);
}
</style>