#C091C3 - #8F378D | 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 #C091C3 to #8F378D

#C091C3 #8F378D

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

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

0.0%	0.0% #C091C3	RGB 192 145 195	#C091C3
16.7%	16.7% #B782BA	RGB 183 130 186	#B782BA
33.3%	33.3% #AF73B1	RGB 175 115 177	#AF73B1
50.0%	50.0% #A764A8	RGB 167 100 168	#A764A8
66.7%	66.7% #9F559F	RGB 159 85 159	#9F559F
83.3%	83.3% #974696	RGB 151 70 150	#974696
100.0%	100.0% #8F378D	RGB 143 55 141	#8F378D

#C091C3 #B782BA #AF73B1 #A764A8 #9F559F #974696 #8F378D

#C091C3 - #8F378D

HSV Blend

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

0.0%	0.0% #C091C3	RGB 192 145 195	#C091C3
16.7%	16.7% #B77FBA	RGB 183 127 186	#B77FBA
33.3%	33.3% #AF6EB1	RGB 175 110 177	#AF6EB1
50.0%	50.0% #A75FA9	RGB 167 95 169	#A75FA9
66.7%	66.7% #9F50A0	RGB 159 80 160	#9F50A0
83.3%	83.3% #974396	RGB 151 67 150	#974396
100.0%	100.0% #8F378D	RGB 143 55 141	#8F378D

#C091C3 #B77FBA #AF6EB1 #A75FA9 #9F50A0 #974396 #8F378D

#C091C3 - #A75FA9 - #8F378D

CSS codes

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

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