#671E5E - #D3BED1 | 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 #671E5E to #D3BED1

#671E5E #D3BED1

Calculate the color between two colors, #671E5E and #D3BED1. 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)

#671E5E - #D3BED1 | 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 #671E5E as 0% and #D3BED1 as 100%.

0.0%	0.0% #671E5E	RGB 103 30 94	#671E5E
16.7%	16.7% #793871	RGB 121 56 113	#793871
33.3%	33.3% #8B5384	RGB 139 83 132	#8B5384
50.0%	50.0% #9D6E97	RGB 157 110 151	#9D6E97
66.7%	66.7% #AF88AA	RGB 175 136 170	#AF88AA
83.3%	83.3% #C1A3BD	RGB 193 163 189	#C1A3BD
100.0%	100.0% #D3BED1	RGB 211 190 209	#D3BED1

#671E5E #793871 #8B5384 #9D6E97 #AF88AA #C1A3BD #D3BED1

#671E5E - #D3BED1

HSV Blend

#671E5E - #D3BED1 | 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 #671E5E as 0% and #D3BED1 as 100%.

0.0%	0.0% #671E5E	RGB 103 30 94	#671E5E
16.7%	16.7% #792F70	RGB 121 47 112	#792F70
33.3%	33.3% #8B4482	RGB 139 68 130	#8B4482
50.0%	50.0% #9D5D96	RGB 157 93 150	#9D5D96
66.7%	66.7% #AF7AA9	RGB 175 122 169	#AF7AA9
83.3%	83.3% #C19ABD	RGB 193 154 189	#C19ABD
100.0%	100.0% #D3BED1	RGB 211 190 209	#D3BED1

#671E5E #792F70 #8B4482 #9D5D96 #AF7AA9 #C19ABD #D3BED1

#671E5E - #9D5D96 - #D3BED1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #671E5E 0%, #9D5D96 50%, #D3BED1 100%);
    background: -webkit-linear-gradient(top, #671E5E 0%, #9D5D96 50%, #D3BED1 100%);
    background: linear-gradient(to bottom, #671E5E 0%, #9D5D96 50%, #D3BED1 100%);
}
</style>