#C366DA - #371D3E | 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 #C366DA to #371D3E

#C366DA #371D3E

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

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

0.0%	0.0% #C366DA	RGB 195 102 218	#C366DA
16.7%	16.7% #AB59C0	RGB 171 89 192	#AB59C0
33.3%	33.3% #944DA6	RGB 148 77 166	#944DA6
50.0%	50.0% #7D418C	RGB 125 65 140	#7D418C
66.7%	66.7% #653572	RGB 101 53 114	#653572
83.3%	83.3% #4E2958	RGB 78 41 88	#4E2958
100.0%	100.0% #371D3E	RGB 55 29 62	#371D3E

#C366DA #AB59C0 #944DA6 #7D418C #653572 #4E2958 #371D3E

#C366DA - #371D3E

HSV Blend

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

0.0%	0.0% #C366DA	RGB 195 102 218	#C366DA
16.7%	16.7% #AB59C0	RGB 171 89 192	#AB59C0
33.3%	33.3% #944DA6	RGB 148 77 166	#944DA6
50.0%	50.0% #7C418C	RGB 124 65 140	#7C418C
66.7%	66.7% #653572	RGB 101 53 114	#653572
83.3%	83.3% #4E2958	RGB 78 41 88	#4E2958
100.0%	100.0% #371D3E	RGB 55 29 62	#371D3E

#C366DA #AB59C0 #944DA6 #7C418C #653572 #4E2958 #371D3E

#C366DA - #7C418C - #371D3E

CSS codes

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

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