#6D3C5C - #D5C7D0 | 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 #6D3C5C to #D5C7D0

#6D3C5C #D5C7D0

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

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

0.0%	0.0% #6D3C5C	RGB 109 60 92	#6D3C5C
16.7%	16.7% #7E536F	RGB 126 83 111	#7E536F
33.3%	33.3% #8F6A82	RGB 143 106 130	#8F6A82
50.0%	50.0% #A18196	RGB 161 129 150	#A18196
66.7%	66.7% #B298A9	RGB 178 152 169	#B298A9
83.3%	83.3% #C3AFBC	RGB 195 175 188	#C3AFBC
100.0%	100.0% #D5C7D0	RGB 213 199 208	#D5C7D0

#6D3C5C #7E536F #8F6A82 #A18196 #B298A9 #C3AFBC #D5C7D0

#6D3C5C - #D5C7D0

HSV Blend

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

0.0%	0.0% #6D3C5B	RGB 109 60 91	#6D3C5B
16.7%	16.7% #7E4D6D	RGB 126 77 109	#7E4D6D
33.3%	33.3% #8F617F	RGB 143 97 127	#8F617F
50.0%	50.0% #A17792	RGB 161 119 146	#A17792
66.7%	66.7% #B28FA6	RGB 178 143 166	#B28FA6
83.3%	83.3% #C3AABA	RGB 195 170 186	#C3AABA
100.0%	100.0% #D5C7D0	RGB 213 199 208	#D5C7D0

#6D3C5B #7E4D6D #8F617F #A17792 #B28FA6 #C3AABA #D5C7D0

#6D3C5C - #A17792 - #D5C7D0

CSS codes

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

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