#C623DB - #380A3E | 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 #C623DB to #380A3E

#C623DB #380A3E

Calculate the color between two colors, #C623DB and #380A3E. 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)

#C623DB - #380A3E | 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 #C623DB as 0% and #380A3E as 100%.

0.0%	0.0% #C623DB	RGB 198 35 219	#C623DB
16.7%	16.7% #AE1EC0	RGB 174 30 192	#AE1EC0
33.3%	33.3% #961AA6	RGB 150 26 166	#961AA6
50.0%	50.0% #7F168C	RGB 127 22 140	#7F168C
66.7%	66.7% #671272	RGB 103 18 114	#671272
83.3%	83.3% #4F0E58	RGB 79 14 88	#4F0E58
100.0%	100.0% #380A3E	RGB 56 10 62	#380A3E

#C623DB #AE1EC0 #961AA6 #7F168C #671272 #4F0E58 #380A3E

#C623DB - #380A3E

HSV Blend

#C623DB - #380A3E | 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 #C623DB as 0% and #380A3E as 100%.

0.0%	0.0% #C622DB	RGB 198 34 219	#C622DB
16.7%	16.7% #AE1EC0	RGB 174 30 192	#AE1EC0
33.3%	33.3% #961AA6	RGB 150 26 166	#961AA6
50.0%	50.0% #7E168C	RGB 126 22 140	#7E168C
66.7%	66.7% #671272	RGB 103 18 114	#671272
83.3%	83.3% #4F0E58	RGB 79 14 88	#4F0E58
100.0%	100.0% #380A3E	RGB 56 10 62	#380A3E

#C622DB #AE1EC0 #961AA6 #7E168C #671272 #4F0E58 #380A3E

#C623DB - #7E168C - #380A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C622DB 0%, #7E168C 50%, #380A3E 100%);
    background: -webkit-linear-gradient(top, #C622DB 0%, #7E168C 50%, #380A3E 100%);
    background: linear-gradient(to bottom, #C622DB 0%, #7E168C 50%, #380A3E 100%);
}
</style>