#C095B7 - #8C3D76 | 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 #C095B7 to #8C3D76

#C095B7 #8C3D76

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

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

0.0%	0.0% #C095B7	RGB 192 149 183	#C095B7
16.7%	16.7% #B786AC	RGB 183 134 172	#B786AC
33.3%	33.3% #AE77A1	RGB 174 119 161	#AE77A1
50.0%	50.0% #A66996	RGB 166 105 150	#A66996
66.7%	66.7% #9D5A8B	RGB 157 90 139	#9D5A8B
83.3%	83.3% #944B80	RGB 148 75 128	#944B80
100.0%	100.0% #8C3D76	RGB 140 61 118	#8C3D76

#C095B7 #B786AC #AE77A1 #A66996 #9D5A8B #944B80 #8C3D76

#C095B7 - #8C3D76

HSV Blend

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

0.0%	0.0% #C095B7	RGB 192 149 183	#C095B7
16.7%	16.7% #B783AB	RGB 183 131 171	#B783AB
33.3%	33.3% #AE73A0	RGB 174 115 160	#AE73A0
50.0%	50.0% #A66496	RGB 166 100 150	#A66496
66.7%	66.7% #9D568B	RGB 157 86 139	#9D568B
83.3%	83.3% #944980	RGB 148 73 128	#944980
100.0%	100.0% #8C3D76	RGB 140 61 118	#8C3D76

#C095B7 #B783AB #AE73A0 #A66496 #9D568B #944980 #8C3D76

#C095B7 - #A66496 - #8C3D76

CSS codes

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

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