#C072FF - #6000CB | 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 #C072FF to #6000CB

#C072FF #6000CB

Calculate the color between two colors, #C072FF and #6000CB. 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)

#C072FF - #6000CB | 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 #C072FF as 0% and #6000CB as 100%.

0.0%	0.0% #C072FF	RGB 192 114 255	#C072FF
16.7%	16.7% #B05FF6	RGB 176 95 246	#B05FF6
33.3%	33.3% #A04CED	RGB 160 76 237	#A04CED
50.0%	50.0% #9039E5	RGB 144 57 229	#9039E5
66.7%	66.7% #8026DC	RGB 128 38 220	#8026DC
83.3%	83.3% #7013D3	RGB 112 19 211	#7013D3
100.0%	100.0% #6000CB	RGB 96 0 203	#6000CB

#C072FF #B05FF6 #A04CED #9039E5 #8026DC #7013D3 #6000CB

#C072FF - #6000CB

HSV Blend

#C072FF - #6000CB | 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 #C072FF as 0% and #6000CB as 100%.

0.0%	0.0% #BF72FF	RGB 191 114 255	#BF72FF
16.7%	16.7% #AF5BF6	RGB 175 91 246	#AF5BF6
33.3%	33.3% #9E46ED	RGB 158 70 237	#9E46ED
50.0%	50.0% #8E33E5	RGB 142 51 229	#8E33E5
66.7%	66.7% #7E20DC	RGB 126 32 220	#7E20DC
83.3%	83.3% #6F0FD3	RGB 111 15 211	#6F0FD3
100.0%	100.0% #6000CB	RGB 96 0 203	#6000CB

#BF72FF #AF5BF6 #9E46ED #8E33E5 #7E20DC #6F0FD3 #6000CB

#C072FF - #8E33E5 - #6000CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF72FF 0%, #8E33E5 50%, #6000CB 100%);
    background: -webkit-linear-gradient(top, #BF72FF 0%, #8E33E5 50%, #6000CB 100%);
    background: linear-gradient(to bottom, #BF72FF 0%, #8E33E5 50%, #6000CB 100%);
}
</style>