#8266BC - #251D35 | 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 #8266BC to #251D35

#8266BC #251D35

Calculate the color between two colors, #8266BC and #251D35. 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)

#8266BC - #251D35 | 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 #8266BC as 0% and #251D35 as 100%.

0.0%	0.0% #8266BC	RGB 130 102 188	#8266BC
16.7%	16.7% #7259A5	RGB 114 89 165	#7259A5
33.3%	33.3% #634D8F	RGB 99 77 143	#634D8F
50.0%	50.0% #534178	RGB 83 65 120	#534178
66.7%	66.7% #443562	RGB 68 53 98	#443562
83.3%	83.3% #34294B	RGB 52 41 75	#34294B
100.0%	100.0% #251D35	RGB 37 29 53	#251D35

#8266BC #7259A5 #634D8F #534178 #443562 #34294B #251D35

#8266BC - #251D35

HSV Blend

#8266BC - #251D35 | 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 #8266BC as 0% and #251D35 as 100%.

0.0%	0.0% #8166BC	RGB 129 102 188	#8166BC
16.7%	16.7% #7259A5	RGB 114 89 165	#7259A5
33.3%	33.3% #634D8F	RGB 99 77 143	#634D8F
50.0%	50.0% #534178	RGB 83 65 120	#534178
66.7%	66.7% #443562	RGB 68 53 98	#443562
83.3%	83.3% #34294B	RGB 52 41 75	#34294B
100.0%	100.0% #251D35	RGB 37 29 53	#251D35

#8166BC #7259A5 #634D8F #534178 #443562 #34294B #251D35

#8266BC - #534178 - #251D35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8166BC 0%, #534178 50%, #251D35 100%);
    background: -webkit-linear-gradient(top, #8166BC 0%, #534178 50%, #251D35 100%);
    background: linear-gradient(to bottom, #8166BC 0%, #534178 50%, #251D35 100%);
}
</style>