#C35D9C - #85054C | 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 #C35D9C to #85054C

#C35D9C #85054C

Calculate the color between two colors, #C35D9C and #85054C. 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)

#C35D9C - #85054C | 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 #C35D9C as 0% and #85054C as 100%.

0.0%	0.0% #C35D9C	RGB 195 93 156	#C35D9C
16.7%	16.7% #B84E8E	RGB 184 78 142	#B84E8E
33.3%	33.3% #AE3F81	RGB 174 63 129	#AE3F81
50.0%	50.0% #A43174	RGB 164 49 116	#A43174
66.7%	66.7% #992266	RGB 153 34 102	#992266
83.3%	83.3% #8F1359	RGB 143 19 89	#8F1359
100.0%	100.0% #85054C	RGB 133 5 76	#85054C

#C35D9C #B84E8E #AE3F81 #A43174 #992266 #8F1359 #85054C

#C35D9C - #85054C

HSV Blend

#C35D9C - #85054C | 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 #C35D9C as 0% and #85054C as 100%.

0.0%	0.0% #C35D9C	RGB 195 93 156	#C35D9C
16.7%	16.7% #B84A8D	RGB 184 74 141	#B84A8D
33.3%	33.3% #AE397F	RGB 174 57 127	#AE397F
50.0%	50.0% #A42A71	RGB 164 42 113	#A42A71
66.7%	66.7% #991C64	RGB 153 28 100	#991C64
83.3%	83.3% #8F0F57	RGB 143 15 87	#8F0F57
100.0%	100.0% #85054C	RGB 133 5 76	#85054C

#C35D9C #B84A8D #AE397F #A42A71 #991C64 #8F0F57 #85054C

#C35D9C - #A42A71 - #85054C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C35D9C 0%, #A42A71 50%, #85054C 100%);
    background: -webkit-linear-gradient(top, #C35D9C 0%, #A42A71 50%, #85054C 100%);
    background: linear-gradient(to bottom, #C35D9C 0%, #A42A71 50%, #85054C 100%);
}
</style>