#655050 - #D3CDCD | 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 #655050 to #D3CDCD

#655050 #D3CDCD

Calculate the color between two colors, #655050 and #D3CDCD. 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)

#655050 - #D3CDCD | 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 #655050 as 0% and #D3CDCD as 100%.

0.0%	0.0% #655050	RGB 101 80 80	#655050
16.7%	16.7% #776464	RGB 119 100 100	#776464
33.3%	33.3% #897979	RGB 137 121 121	#897979
50.0%	50.0% #9C8E8E	RGB 156 142 142	#9C8E8E
66.7%	66.7% #AEA3A3	RGB 174 163 163	#AEA3A3
83.3%	83.3% #C0B8B8	RGB 192 184 184	#C0B8B8
100.0%	100.0% #D3CDCD	RGB 211 205 205	#D3CDCD

#655050 #776464 #897979 #9C8E8E #AEA3A3 #C0B8B8 #D3CDCD

#655050 - #D3CDCD

HSV Blend

#655050 - #D3CDCD | 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 #655050 as 0% and #D3CDCD as 100%.

0.0%	0.0% #655050	RGB 101 80 80	#655050
16.7%	16.7% #776262	RGB 119 98 98	#776262
33.3%	33.3% #897575	RGB 137 117 117	#897575
50.0%	50.0% #9C8989	RGB 156 137 137	#9C8989
66.7%	66.7% #AE9E9E	RGB 174 158 158	#AE9E9E
83.3%	83.3% #C0B5B5	RGB 192 181 181	#C0B5B5
100.0%	100.0% #D3CDCD	RGB 211 205 205	#D3CDCD

#655050 #776262 #897575 #9C8989 #AE9E9E #C0B5B5 #D3CDCD

#655050 - #9C8989 - #D3CDCD

CSS codes

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

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