#6D3C5E - #D68884 | 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 #6D3C5E to #D68884

#6D3C5E #D68884

Calculate the color between two colors, #6D3C5E and #D68884. 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)

#6D3C5E - #D68884 | 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 #6D3C5E as 0% and #D68884 as 100%.

0.0%	0.0% #6D3C5E	RGB 109 60 94	#6D3C5E
16.7%	16.7% #7E4864	RGB 126 72 100	#7E4864
33.3%	33.3% #90556A	RGB 144 85 106	#90556A
50.0%	50.0% #A16271	RGB 161 98 113	#A16271
66.7%	66.7% #B36E77	RGB 179 110 119	#B36E77
83.3%	83.3% #C47B7D	RGB 196 123 125	#C47B7D
100.0%	100.0% #D68884	RGB 214 136 132	#D68884

#6D3C5E #7E4864 #90556A #A16271 #B36E77 #C47B7D #D68884

#6D3C5E - #D68884

HSV Blend

#6D3C5E - #D68884 | 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 #6D3C5E as 0% and #D68884 as 100%.

0.0%	0.0% #6D3C5E	RGB 109 60 94	#6D3C5E
16.7%	16.7% #7E4766	RGB 126 71 102	#7E4766
33.3%	33.3% #90526D	RGB 144 82 109	#90526D
50.0%	50.0% #A15E73	RGB 161 94 115	#A15E73
66.7%	66.7% #B36A78	RGB 179 106 120	#B36A78
83.3%	83.3% #C4777C	RGB 196 119 124	#C4777C
100.0%	100.0% #D68884	RGB 214 136 132	#D68884

#6D3C5E #7E4766 #90526D #A15E73 #B36A78 #C4777C #D68884

#6D3C5E - #A15E73 - #D68884

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D3C5E 0%, #A15E73 50%, #D68884 100%);
    background: -webkit-linear-gradient(top, #6D3C5E 0%, #A15E73 50%, #D68884 100%);
    background: linear-gradient(to bottom, #6D3C5E 0%, #A15E73 50%, #D68884 100%);
}
</style>