#C062FF - #361C48 | 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 #C062FF to #361C48

#C062FF #361C48

Calculate the color between two colors, #C062FF and #361C48. 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)

#C062FF - #361C48 | 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 #C062FF as 0% and #361C48 as 100%.

0.0%	0.0% #C062FF	RGB 192 98 255	#C062FF
16.7%	16.7% #A956E0	RGB 169 86 224	#A956E0
33.3%	33.3% #924AC2	RGB 146 74 194	#924AC2
50.0%	50.0% #7B3FA3	RGB 123 63 163	#7B3FA3
66.7%	66.7% #643384	RGB 100 51 132	#643384
83.3%	83.3% #4D2766	RGB 77 39 102	#4D2766
100.0%	100.0% #361C48	RGB 54 28 72	#361C48

#C062FF #A956E0 #924AC2 #7B3FA3 #643384 #4D2766 #361C48

#C062FF - #361C48

HSV Blend

#C062FF - #361C48 | 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 #C062FF as 0% and #361C48 as 100%.

0.0%	0.0% #BF62FF	RGB 191 98 255	#BF62FF
16.7%	16.7% #A856E0	RGB 168 86 224	#A856E0
33.3%	33.3% #914AC2	RGB 145 74 194	#914AC2
50.0%	50.0% #7A3FA3	RGB 122 63 163	#7A3FA3
66.7%	66.7% #633384	RGB 99 51 132	#633384
83.3%	83.3% #4C2766	RGB 76 39 102	#4C2766
100.0%	100.0% #361C48	RGB 54 28 72	#361C48

#BF62FF #A856E0 #914AC2 #7A3FA3 #633384 #4C2766 #361C48

#C062FF - #7A3FA3 - #361C48

CSS codes

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

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