#C37BAB - #8F1B5B | 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 #C37BAB to #8F1B5B

#C37BAB #8F1B5B

Calculate the color between two colors, #C37BAB and #8F1B5B. 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)

#C37BAB - #8F1B5B | 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 #C37BAB as 0% and #8F1B5B as 100%.

0.0%	0.0% #C37BAB	RGB 195 123 171	#C37BAB
16.7%	16.7% #BA6B9D	RGB 186 107 157	#BA6B9D
33.3%	33.3% #B15B90	RGB 177 91 144	#B15B90
50.0%	50.0% #A94B83	RGB 169 75 131	#A94B83
66.7%	66.7% #A03B75	RGB 160 59 117	#A03B75
83.3%	83.3% #972B68	RGB 151 43 104	#972B68
100.0%	100.0% #8F1B5B	RGB 143 27 91	#8F1B5B

#C37BAB #BA6B9D #B15B90 #A94B83 #A03B75 #972B68 #8F1B5B

#C37BAB - #8F1B5B

HSV Blend

#C37BAB - #8F1B5B | 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 #C37BAB as 0% and #8F1B5B as 100%.

0.0%	0.0% #C37BAB	RGB 195 123 171	#C37BAB
16.7%	16.7% #BA679D	RGB 186 103 157	#BA679D
33.3%	33.3% #B1558F	RGB 177 85 143	#B1558F
50.0%	50.0% #A94582	RGB 169 69 130	#A94582
66.7%	66.7% #A03574	RGB 160 53 116	#A03574
83.3%	83.3% #972767	RGB 151 39 103	#972767
100.0%	100.0% #8F1B5B	RGB 143 27 91	#8F1B5B

#C37BAB #BA679D #B1558F #A94582 #A03574 #972767 #8F1B5B

#C37BAB - #A94582 - #8F1B5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C37BAB 0%, #A94582 50%, #8F1B5B 100%);
    background: -webkit-linear-gradient(top, #C37BAB 0%, #A94582 50%, #8F1B5B 100%);
    background: linear-gradient(to bottom, #C37BAB 0%, #A94582 50%, #8F1B5B 100%);
}
</style>