#C360DA - #371B3E | 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 #C360DA to #371B3E

#C360DA #371B3E

Calculate the color between two colors, #C360DA and #371B3E. 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)

#C360DA - #371B3E | 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 #C360DA as 0% and #371B3E as 100%.

0.0%	0.0% #C360DA	RGB 195 96 218	#C360DA
16.7%	16.7% #AB54C0	RGB 171 84 192	#AB54C0
33.3%	33.3% #9449A6	RGB 148 73 166	#9449A6
50.0%	50.0% #7D3D8C	RGB 125 61 140	#7D3D8C
66.7%	66.7% #653272	RGB 101 50 114	#653272
83.3%	83.3% #4E2658	RGB 78 38 88	#4E2658
100.0%	100.0% #371B3E	RGB 55 27 62	#371B3E

#C360DA #AB54C0 #9449A6 #7D3D8C #653272 #4E2658 #371B3E

#C360DA - #371B3E

HSV Blend

#C360DA - #371B3E | 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 #C360DA as 0% and #371B3E as 100%.

0.0%	0.0% #C360DA	RGB 195 96 218	#C360DA
16.7%	16.7% #AB54C0	RGB 171 84 192	#AB54C0
33.3%	33.3% #9448A6	RGB 148 72 166	#9448A6
50.0%	50.0% #7C3D8C	RGB 124 61 140	#7C3D8C
66.7%	66.7% #653172	RGB 101 49 114	#653172
83.3%	83.3% #4E2658	RGB 78 38 88	#4E2658
100.0%	100.0% #371B3E	RGB 55 27 62	#371B3E

#C360DA #AB54C0 #9448A6 #7C3D8C #653172 #4E2658 #371B3E

#C360DA - #7C3D8C - #371B3E

CSS codes

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

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