#C57BAB - #901B5B | 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 #C57BAB to #901B5B

#C57BAB #901B5B

Calculate the color between two colors, #C57BAB and #901B5B. 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)

#C57BAB - #901B5B | 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 #C57BAB as 0% and #901B5B as 100%.

0.0%	0.0% #C57BAB	RGB 197 123 171	#C57BAB
16.7%	16.7% #BC6B9D	RGB 188 107 157	#BC6B9D
33.3%	33.3% #B35B90	RGB 179 91 144	#B35B90
50.0%	50.0% #AA4B83	RGB 170 75 131	#AA4B83
66.7%	66.7% #A13B75	RGB 161 59 117	#A13B75
83.3%	83.3% #982B68	RGB 152 43 104	#982B68
100.0%	100.0% #901B5B	RGB 144 27 91	#901B5B

#C57BAB #BC6B9D #B35B90 #AA4B83 #A13B75 #982B68 #901B5B

#C57BAB - #901B5B

HSV Blend

#C57BAB - #901B5B | 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 #C57BAB as 0% and #901B5B as 100%.

0.0%	0.0% #C57BAB	RGB 197 123 171	#C57BAB
16.7%	16.7% #BC679D	RGB 188 103 157	#BC679D
33.3%	33.3% #B3558F	RGB 179 85 143	#B3558F
50.0%	50.0% #AA4581	RGB 170 69 129	#AA4581
66.7%	66.7% #A13574	RGB 161 53 116	#A13574
83.3%	83.3% #982767	RGB 152 39 103	#982767
100.0%	100.0% #901B5B	RGB 144 27 91	#901B5B

#C57BAB #BC679D #B3558F #AA4581 #A13574 #982767 #901B5B

#C57BAB - #AA4581 - #901B5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C57BAB 0%, #AA4581 50%, #901B5B 100%);
    background: -webkit-linear-gradient(top, #C57BAB 0%, #AA4581 50%, #901B5B 100%);
    background: linear-gradient(to bottom, #C57BAB 0%, #AA4581 50%, #901B5B 100%);
}
</style>