#C192D9 - #37293E | 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 #C192D9 to #37293E

#C192D9 #37293E

Calculate the color between two colors, #C192D9 and #37293E. 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)

#C192D9 - #37293E | 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 #C192D9 as 0% and #37293E as 100%.

0.0%	0.0% #C192D9	RGB 193 146 217	#C192D9
16.7%	16.7% #AA80BF	RGB 170 128 191	#AA80BF
33.3%	33.3% #936FA5	RGB 147 111 165	#936FA5
50.0%	50.0% #7C5D8B	RGB 124 93 139	#7C5D8B
66.7%	66.7% #654C71	RGB 101 76 113	#654C71
83.3%	83.3% #4E3A57	RGB 78 58 87	#4E3A57
100.0%	100.0% #37293E	RGB 55 41 62	#37293E

#C192D9 #AA80BF #936FA5 #7C5D8B #654C71 #4E3A57 #37293E

#C192D9 - #37293E

HSV Blend

#C192D9 - #37293E | 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 #C192D9 as 0% and #37293E as 100%.

0.0%	0.0% #C192D9	RGB 193 146 217	#C192D9
16.7%	16.7% #A980BF	RGB 169 128 191	#A980BF
33.3%	33.3% #926EA5	RGB 146 110 165	#926EA5
50.0%	50.0% #7B5D8B	RGB 123 93 139	#7B5D8B
66.7%	66.7% #644B71	RGB 100 75 113	#644B71
83.3%	83.3% #4D3A57	RGB 77 58 87	#4D3A57
100.0%	100.0% #37293E	RGB 55 41 62	#37293E

#C192D9 #A980BF #926EA5 #7B5D8B #644B71 #4D3A57 #37293E

#C192D9 - #7B5D8B - #37293E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C192D9 0%, #7B5D8B 50%, #37293E 100%);
    background: -webkit-linear-gradient(top, #C192D9 0%, #7B5D8B 50%, #37293E 100%);
    background: linear-gradient(to bottom, #C192D9 0%, #7B5D8B 50%, #37293E 100%);
}
</style>