#5D3E5D - #D0C7D0 | 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 #5D3E5D to #D0C7D0

#5D3E5D #D0C7D0

Calculate the color between two colors, #5D3E5D and #D0C7D0. 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)

#5D3E5D - #D0C7D0 | 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 #5D3E5D as 0% and #D0C7D0 as 100%.

0.0%	0.0% #5D3E5D	RGB 93 62 93	#5D3E5D
16.7%	16.7% #705470	RGB 112 84 112	#705470
33.3%	33.3% #836B83	RGB 131 107 131	#836B83
50.0%	50.0% #968296	RGB 150 130 150	#968296
66.7%	66.7% #A999A9	RGB 169 153 169	#A999A9
83.3%	83.3% #BCB0BC	RGB 188 176 188	#BCB0BC
100.0%	100.0% #D0C7D0	RGB 208 199 208	#D0C7D0

#5D3E5D #705470 #836B83 #968296 #A999A9 #BCB0BC #D0C7D0

#5D3E5D - #D0C7D0

HSV Blend

#5D3E5D - #D0C7D0 | 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 #5D3E5D as 0% and #D0C7D0 as 100%.

0.0%	0.0% #5D3E5D	RGB 93 62 93	#5D3E5D
16.7%	16.7% #705070	RGB 112 80 112	#705070
33.3%	33.3% #836483	RGB 131 100 131	#836483
50.0%	50.0% #967A96	RGB 150 122 150	#967A96
66.7%	66.7% #A991A9	RGB 169 145 169	#A991A9
83.3%	83.3% #BCABBC	RGB 188 171 188	#BCABBC
100.0%	100.0% #D0C7D0	RGB 208 199 208	#D0C7D0

#5D3E5D #705070 #836483 #967A96 #A991A9 #BCABBC #D0C7D0

#5D3E5D - #967A96 - #D0C7D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E5D 0%, #967A96 50%, #D0C7D0 100%);
    background: -webkit-linear-gradient(top, #5D3E5D 0%, #967A96 50%, #D0C7D0 100%);
    background: linear-gradient(to bottom, #5D3E5D 0%, #967A96 50%, #D0C7D0 100%);
}
</style>