#C97BA3 - #39232E | 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 #C97BA3 to #39232E

#C97BA3 #39232E

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

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

0.0%	0.0% #C97BA3	RGB 201 123 163	#C97BA3
16.7%	16.7% #B16C8F	RGB 177 108 143	#B16C8F
33.3%	33.3% #995D7C	RGB 153 93 124	#995D7C
50.0%	50.0% #814F68	RGB 129 79 104	#814F68
66.7%	66.7% #694055	RGB 105 64 85	#694055
83.3%	83.3% #513141	RGB 81 49 65	#513141
100.0%	100.0% #39232E	RGB 57 35 46	#39232E

#C97BA3 #B16C8F #995D7C #814F68 #694055 #513141 #39232E

#C97BA3 - #39232E

HSV Blend

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

0.0%	0.0% #C97BA3	RGB 201 123 163	#C97BA3
16.7%	16.7% #B16C8F	RGB 177 108 143	#B16C8F
33.3%	33.3% #995D7B	RGB 153 93 123	#995D7B
50.0%	50.0% #814F68	RGB 129 79 104	#814F68
66.7%	66.7% #694054	RGB 105 64 84	#694054
83.3%	83.3% #513141	RGB 81 49 65	#513141
100.0%	100.0% #39232E	RGB 57 35 46	#39232E

#C97BA3 #B16C8F #995D7B #814F68 #694054 #513141 #39232E

#C97BA3 - #814F68 - #39232E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C97BA3 0%, #814F68 50%, #39232E 100%);
    background: -webkit-linear-gradient(top, #C97BA3 0%, #814F68 50%, #39232E 100%);
    background: linear-gradient(to bottom, #C97BA3 0%, #814F68 50%, #39232E 100%);
}
</style>