#C095B2 - #8C3D6E | 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 #C095B2 to #8C3D6E

#C095B2 #8C3D6E

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

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

0.0%	0.0% #C095B2	RGB 192 149 178	#C095B2
16.7%	16.7% #B786A6	RGB 183 134 166	#B786A6
33.3%	33.3% #AE779B	RGB 174 119 155	#AE779B
50.0%	50.0% #A66990	RGB 166 105 144	#A66990
66.7%	66.7% #9D5A84	RGB 157 90 132	#9D5A84
83.3%	83.3% #944B79	RGB 148 75 121	#944B79
100.0%	100.0% #8C3D6E	RGB 140 61 110	#8C3D6E

#C095B2 #B786A6 #AE779B #A66990 #9D5A84 #944B79 #8C3D6E

#C095B2 - #8C3D6E

HSV Blend

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

0.0%	0.0% #C095B2	RGB 192 149 178	#C095B2
16.7%	16.7% #B783A6	RGB 183 131 166	#B783A6
33.3%	33.3% #AE739A	RGB 174 115 154	#AE739A
50.0%	50.0% #A6648E	RGB 166 100 142	#A6648E
66.7%	66.7% #9D5683	RGB 157 86 131	#9D5683
83.3%	83.3% #944978	RGB 148 73 120	#944978
100.0%	100.0% #8C3D6E	RGB 140 61 110	#8C3D6E

#C095B2 #B783A6 #AE739A #A6648E #9D5683 #944978 #8C3D6E

#C095B2 - #A6648E - #8C3D6E

CSS codes

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

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