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

#4A817A #CBDBD9

Calculate the color between two colors, #4A817A 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)

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

0.0%	0.0% #4A817A	RGB 74 129 122	#4A817A
16.7%	16.7% #5F9089	RGB 95 144 137	#5F9089
33.3%	33.3% #759F99	RGB 117 159 153	#759F99
50.0%	50.0% #8AAEA9	RGB 138 174 169	#8AAEA9
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

#4A817A #5F9089 #759F99 #8AAEA9 #A0BDB9 #B5CCC9 #CBDBD9

#4A817A - #CBDBD9

HSV Blend

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

0.0%	0.0% #4A817A	RGB 74 129 122	#4A817A
16.7%	16.7% #5B9089	RGB 91 144 137	#5B9089
33.3%	33.3% #6D9F98	RGB 109 159 152	#6D9F98
50.0%	50.0% #82AEA8	RGB 130 174 168	#82AEA8
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

#4A817A #5B9089 #6D9F98 #82AEA8 #98BDB8 #B1CCC8 #CBDBD9

#4A817A - #82AEA8 - #CBDBD9

CSS codes

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

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