#4A837A - #CBDBD9 | 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 #4A837A to #CBDBD9

#4A837A #CBDBD9

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

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

0.0%	0.0% #4A837A	RGB 74 131 122	#4A837A
16.7%	16.7% #5F9189	RGB 95 145 137	#5F9189
33.3%	33.3% #75A099	RGB 117 160 153	#75A099
50.0%	50.0% #8AAFA9	RGB 138 175 169	#8AAFA9
66.7%	66.7% #A0BDB9	RGB 160 189 185	#A0BDB9
83.3%	83.3% #B5CCC9	RGB 181 204 201	#B5CCC9
100.0%	100.0% #CBDBD9	RGB 203 219 217	#CBDBD9

#4A837A #5F9189 #75A099 #8AAFA9 #A0BDB9 #B5CCC9 #CBDBD9

#4A837A - #CBDBD9

HSV Blend

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

0.0%	0.0% #4A837A	RGB 74 131 122	#4A837A
16.7%	16.7% #5B9189	RGB 91 145 137	#5B9189
33.3%	33.3% #6DA098	RGB 109 160 152	#6DA098
50.0%	50.0% #82AFA8	RGB 130 175 168	#82AFA8
66.7%	66.7% #98BDB8	RGB 152 189 184	#98BDB8
83.3%	83.3% #B1CCC8	RGB 177 204 200	#B1CCC8
100.0%	100.0% #CBDBD9	RGB 203 219 217	#CBDBD9

#4A837A #5B9189 #6DA098 #82AFA8 #98BDB8 #B1CCC8 #CBDBD9

#4A837A - #82AFA8 - #CBDBD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A837A 0%, #82AFA8 50%, #CBDBD9 100%);
    background: -webkit-linear-gradient(top, #4A837A 0%, #82AFA8 50%, #CBDBD9 100%);
    background: linear-gradient(to bottom, #4A837A 0%, #82AFA8 50%, #CBDBD9 100%);
}
</style>