#381D3E - #C6BEC7 | 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 #381D3E to #C6BEC7

#381D3E #C6BEC7

Calculate the color between two colors, #381D3E and #C6BEC7. 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)

#381D3E - #C6BEC7 | 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 #381D3E as 0% and #C6BEC7 as 100%.

0.0%	0.0% #381D3E	RGB 56 29 62	#381D3E
16.7%	16.7% #4F3754	RGB 79 55 84	#4F3754
33.3%	33.3% #67526B	RGB 103 82 107	#67526B
50.0%	50.0% #7F6D82	RGB 127 109 130	#7F6D82
66.7%	66.7% #968899	RGB 150 136 153	#968899
83.3%	83.3% #AEA3B0	RGB 174 163 176	#AEA3B0
100.0%	100.0% #C6BEC7	RGB 198 190 199	#C6BEC7

#381D3E #4F3754 #67526B #7F6D82 #968899 #AEA3B0 #C6BEC7

#381D3E - #C6BEC7

HSV Blend

#381D3E - #C6BEC7 | 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 #381D3E as 0% and #C6BEC7 as 100%.

0.0%	0.0% #381D3E	RGB 56 29 62	#381D3E
16.7%	16.7% #4E2E54	RGB 78 46 84	#4E2E54
33.3%	33.3% #65436B	RGB 101 67 107	#65436B
50.0%	50.0% #7C5C82	RGB 124 92 130	#7C5C82
66.7%	66.7% #957999	RGB 149 121 153	#957999
83.3%	83.3% #AD99B0	RGB 173 153 176	#AD99B0
100.0%	100.0% #C6BEC7	RGB 198 190 199	#C6BEC7

#381D3E #4E2E54 #65436B #7C5C82 #957999 #AD99B0 #C6BEC7

#381D3E - #7C5C82 - #C6BEC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #381D3E 0%, #7C5C82 50%, #C6BEC7 100%);
    background: -webkit-linear-gradient(top, #381D3E 0%, #7C5C82 50%, #C6BEC7 100%);
    background: linear-gradient(to bottom, #381D3E 0%, #7C5C82 50%, #C6BEC7 100%);
}
</style>