#4A817B - #CBDBD8 | 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 #4A817B to #CBDBD8

#4A817B #CBDBD8

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

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

0.0%	0.0% #4A817B	RGB 74 129 123	#4A817B
16.7%	16.7% #5F908A	RGB 95 144 138	#5F908A
33.3%	33.3% #759F9A	RGB 117 159 154	#759F9A
50.0%	50.0% #8AAEA9	RGB 138 174 169	#8AAEA9
66.7%	66.7% #A0BDB9	RGB 160 189 185	#A0BDB9
83.3%	83.3% #B5CCC8	RGB 181 204 200	#B5CCC8
100.0%	100.0% #CBDBD8	RGB 203 219 216	#CBDBD8

#4A817B #5F908A #759F9A #8AAEA9 #A0BDB9 #B5CCC8 #CBDBD8

#4A817B - #CBDBD8

HSV Blend

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

0.0%	0.0% #4A817B	RGB 74 129 123	#4A817B
16.7%	16.7% #5B9089	RGB 91 144 137	#5B9089
33.3%	33.3% #6D9F98	RGB 109 159 152	#6D9F98
50.0%	50.0% #82AEA7	RGB 130 174 167	#82AEA7
66.7%	66.7% #98BDB7	RGB 152 189 183	#98BDB7
83.3%	83.3% #B1CCC7	RGB 177 204 199	#B1CCC7
100.0%	100.0% #CBDBD8	RGB 203 219 216	#CBDBD8

#4A817B #5B9089 #6D9F98 #82AEA7 #98BDB7 #B1CCC7 #CBDBD8

#4A817B - #82AEA7 - #CBDBD8

CSS codes

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

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