#4B5E55 - #CBD1CE | 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 #4B5E55 to #CBD1CE

#4B5E55 #CBD1CE

Calculate the color between two colors, #4B5E55 and #CBD1CE. 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)

#4B5E55 - #CBD1CE | 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 #4B5E55 as 0% and #CBD1CE as 100%.

0.0%	0.0% #4B5E55	RGB 75 94 85	#4B5E55
16.7%	16.7% #607169	RGB 96 113 105	#607169
33.3%	33.3% #75847D	RGB 117 132 125	#75847D
50.0%	50.0% #8B9791	RGB 139 151 145	#8B9791
66.7%	66.7% #A0AAA5	RGB 160 170 165	#A0AAA5
83.3%	83.3% #B5BDB9	RGB 181 189 185	#B5BDB9
100.0%	100.0% #CBD1CE	RGB 203 209 206	#CBD1CE

#4B5E55 #607169 #75847D #8B9791 #A0AAA5 #B5BDB9 #CBD1CE

#4B5E55 - #CBD1CE

HSV Blend

#4B5E55 - #CBD1CE | 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 #4B5E55 as 0% and #CBD1CE as 100%.

0.0%	0.0% #4B5E55	RGB 75 94 85	#4B5E55
16.7%	16.7% #5D7167	RGB 93 113 103	#5D7167
33.3%	33.3% #71847B	RGB 113 132 123	#71847B
50.0%	50.0% #86978E	RGB 134 151 142	#86978E
66.7%	66.7% #9BAAA3	RGB 155 170 163	#9BAAA3
83.3%	83.3% #B2BDB8	RGB 178 189 184	#B2BDB8
100.0%	100.0% #CBD1CE	RGB 203 209 206	#CBD1CE

#4B5E55 #5D7167 #71847B #86978E #9BAAA3 #B2BDB8 #CBD1CE

#4B5E55 - #86978E - #CBD1CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E55 0%, #86978E 50%, #CBD1CE 100%);
    background: -webkit-linear-gradient(top, #4B5E55 0%, #86978E 50%, #CBD1CE 100%);
    background: linear-gradient(to bottom, #4B5E55 0%, #86978E 50%, #CBD1CE 100%);
}
</style>