#50693D - #CDD4C7 | 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 #50693D to #CDD4C7

#50693D #CDD4C7

Calculate the color between two colors, #50693D and #CDD4C7. 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)

#50693D - #CDD4C7 | 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 #50693D as 0% and #CDD4C7 as 100%.

0.0%	0.0% #50693D	RGB 80 105 61	#50693D
16.7%	16.7% #647A54	RGB 100 122 84	#647A54
33.3%	33.3% #798C6B	RGB 121 140 107	#798C6B
50.0%	50.0% #8E9E82	RGB 142 158 130	#8E9E82
66.7%	66.7% #A3B099	RGB 163 176 153	#A3B099
83.3%	83.3% #B8C2B0	RGB 184 194 176	#B8C2B0
100.0%	100.0% #CDD4C7	RGB 205 212 199	#CDD4C7

#50693D #647A54 #798C6B #8E9E82 #A3B099 #B8C2B0 #CDD4C7

#50693D - #CDD4C7

HSV Blend

#50693D - #CDD4C7 | 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 #50693D as 0% and #CDD4C7 as 100%.

0.0%	0.0% #50693D	RGB 80 105 61	#50693D
16.7%	16.7% #617A4E	RGB 97 122 78	#617A4E
33.3%	33.3% #758C62	RGB 117 140 98	#758C62
50.0%	50.0% #899E78	RGB 137 158 120	#899E78
66.7%	66.7% #9EB090	RGB 158 176 144	#9EB090
83.3%	83.3% #B5C2AA	RGB 181 194 170	#B5C2AA
100.0%	100.0% #CDD4C7	RGB 205 212 199	#CDD4C7

#50693D #617A4E #758C62 #899E78 #9EB090 #B5C2AA #CDD4C7

#50693D - #899E78 - #CDD4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50693D 0%, #899E78 50%, #CDD4C7 100%);
    background: -webkit-linear-gradient(top, #50693D 0%, #899E78 50%, #CDD4C7 100%);
    background: linear-gradient(to bottom, #50693D 0%, #899E78 50%, #CDD4C7 100%);
}
</style>