#C45B9C - #85034C | 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 #C45B9C to #85034C

#C45B9C #85034C

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

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

0.0%	0.0% #C45B9C	RGB 196 91 156	#C45B9C
16.7%	16.7% #B94C8E	RGB 185 76 142	#B94C8E
33.3%	33.3% #AF3D81	RGB 175 61 129	#AF3D81
50.0%	50.0% #A42F74	RGB 164 47 116	#A42F74
66.7%	66.7% #9A2066	RGB 154 32 102	#9A2066
83.3%	83.3% #8F1159	RGB 143 17 89	#8F1159
100.0%	100.0% #85034C	RGB 133 3 76	#85034C

#C45B9C #B94C8E #AF3D81 #A42F74 #9A2066 #8F1159 #85034C

#C45B9C - #85034C

HSV Blend

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

0.0%	0.0% #C45B9B	RGB 196 91 155	#C45B9B
16.7%	16.7% #B9488D	RGB 185 72 141	#B9488D
33.3%	33.3% #AF377F	RGB 175 55 127	#AF377F
50.0%	50.0% #A42871	RGB 164 40 113	#A42871
66.7%	66.7% #9A1A64	RGB 154 26 100	#9A1A64
83.3%	83.3% #8F0D57	RGB 143 13 87	#8F0D57
100.0%	100.0% #85034C	RGB 133 3 76	#85034C

#C45B9B #B9488D #AF377F #A42871 #9A1A64 #8F0D57 #85034C

#C45B9C - #A42871 - #85034C

CSS codes

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

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