#C38D9E - #8C374F | 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 #C38D9E to #8C374F

#C38D9E #8C374F

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

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

0.0%	0.0% #C38D9E	RGB 195 141 158	#C38D9E
16.7%	16.7% #B97E90	RGB 185 126 144	#B97E90
33.3%	33.3% #B07083	RGB 176 112 131	#B07083
50.0%	50.0% #A76276	RGB 167 98 118	#A76276
66.7%	66.7% #9E5369	RGB 158 83 105	#9E5369
83.3%	83.3% #95455C	RGB 149 69 92	#95455C
100.0%	100.0% #8C374F	RGB 140 55 79	#8C374F

#C38D9E #B97E90 #B07083 #A76276 #9E5369 #95455C #8C374F

#C38D9E - #8C374F

HSV Blend

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

0.0%	0.0% #C38D9E	RGB 195 141 158	#C38D9E
16.7%	16.7% #B97C8F	RGB 185 124 143	#B97C8F
33.3%	33.3% #B06C81	RGB 176 108 129	#B06C81
50.0%	50.0% #A75D73	RGB 167 93 115	#A75D73
66.7%	66.7% #9E4F66	RGB 158 79 102	#9E4F66
83.3%	83.3% #95425A	RGB 149 66 90	#95425A
100.0%	100.0% #8C374F	RGB 140 55 79	#8C374F

#C38D9E #B97C8F #B06C81 #A75D73 #9E4F66 #95425A #8C374F

#C38D9E - #A75D73 - #8C374F

CSS codes

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

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