#B06FDA - #560692 | 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 #B06FDA to #560692

#B06FDA #560692

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

#B06FDA - #560692 | 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 #B06FDA as 0% and #560692 as 100%.

0.0%	0.0% #B06FDA	RGB 176 111 218	#B06FDA
16.7%	16.7% #A15DCE	RGB 161 93 206	#A15DCE
33.3%	33.3% #924CC2	RGB 146 76 194	#924CC2
50.0%	50.0% #833AB6	RGB 131 58 182	#833AB6
66.7%	66.7% #7429AA	RGB 116 41 170	#7429AA
83.3%	83.3% #65179E	RGB 101 23 158	#65179E
100.0%	100.0% #560692	RGB 86 6 146	#560692

#B06FDA #A15DCE #924CC2 #833AB6 #7429AA #65179E #560692

#B06FDA - #560692

HSV Blend

#B06FDA - #560692 | 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 #B06FDA as 0% and #560692 as 100%.

0.0%	0.0% #AF6FDA	RGB 175 111 218	#AF6FDA
16.7%	16.7% #9F58CE	RGB 159 88 206	#9F58CE
33.3%	33.3% #8F44C2	RGB 143 68 194	#8F44C2
50.0%	50.0% #7F32B6	RGB 127 50 182	#7F32B6
66.7%	66.7% #7121AA	RGB 113 33 170	#7121AA
83.3%	83.3% #63129E	RGB 99 18 158	#63129E
100.0%	100.0% #560692	RGB 86 6 146	#560692

#AF6FDA #9F58CE #8F44C2 #7F32B6 #7121AA #63129E #560692

#B06FDA - #7F32B6 - #560692

CSS codes

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

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