#C38A8F - #863A42 | 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 #C38A8F to #863A42

#C38A8F #863A42

Calculate the color between two colors, #C38A8F and #863A42. 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)

#C38A8F - #863A42 | 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 #C38A8F as 0% and #863A42 as 100%.

0.0%	0.0% #C38A8F	RGB 195 138 143	#C38A8F
16.7%	16.7% #B87C82	RGB 184 124 130	#B87C82
33.3%	33.3% #AE6F75	RGB 174 111 117	#AE6F75
50.0%	50.0% #A46268	RGB 164 98 104	#A46268
66.7%	66.7% #9A545B	RGB 154 84 91	#9A545B
83.3%	83.3% #90474E	RGB 144 71 78	#90474E
100.0%	100.0% #863A42	RGB 134 58 66	#863A42

#C38A8F #B87C82 #AE6F75 #A46268 #9A545B #90474E #863A42

#C38A8F - #863A42

HSV Blend

#C38A8F - #863A42 | 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 #C38A8F as 0% and #863A42 as 100%.

0.0%	0.0% #C38A8F	RGB 195 138 143	#C38A8F
16.7%	16.7% #B87A80	RGB 184 122 128	#B87A80
33.3%	33.3% #AE6B71	RGB 174 107 113	#AE6B71
50.0%	50.0% #A45D64	RGB 164 93 100	#A45D64
66.7%	66.7% #9A5058	RGB 154 80 88	#9A5058
83.3%	83.3% #90454C	RGB 144 69 76	#90454C
100.0%	100.0% #863A42	RGB 134 58 66	#863A42

#C38A8F #B87A80 #AE6B71 #A45D64 #9A5058 #90454C #863A42

#C38A8F - #A45D64 - #863A42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C38A8F 0%, #A45D64 50%, #863A42 100%);
    background: -webkit-linear-gradient(top, #C38A8F 0%, #A45D64 50%, #863A42 100%);
    background: linear-gradient(to bottom, #C38A8F 0%, #A45D64 50%, #863A42 100%);
}
</style>