#325540 - #C4CEC8 | 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 #325540 to #C4CEC8

#325540 #C4CEC8

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

#325540 - #C4CEC8 | 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 #325540 as 0% and #C4CEC8 as 100%.

0.0%	0.0% #325540	RGB 50 85 64	#325540
16.7%	16.7% #4A6956	RGB 74 105 86	#4A6956
33.3%	33.3% #627D6D	RGB 98 125 109	#627D6D
50.0%	50.0% #7B9184	RGB 123 145 132	#7B9184
66.7%	66.7% #93A59A	RGB 147 165 154	#93A59A
83.3%	83.3% #ABB9B1	RGB 171 185 177	#ABB9B1
100.0%	100.0% #C4CEC8	RGB 196 206 200	#C4CEC8

#325540 #4A6956 #627D6D #7B9184 #93A59A #ABB9B1 #C4CEC8

#325540 - #C4CEC8

HSV Blend

#325540 - #C4CEC8 | 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 #325540 as 0% and #C4CEC8 as 100%.

0.0%	0.0% #325540	RGB 50 85 64	#325540
16.7%	16.7% #446953	RGB 68 105 83	#446953
33.3%	33.3% #587D67	RGB 88 125 103	#587D67
50.0%	50.0% #70917D	RGB 112 145 125	#70917D
66.7%	66.7% #89A594	RGB 137 165 148	#89A594
83.3%	83.3% #A5B9AD	RGB 165 185 173	#A5B9AD
100.0%	100.0% #C4CEC8	RGB 196 206 200	#C4CEC8

#325540 #446953 #587D67 #70917D #89A594 #A5B9AD #C4CEC8

#325540 - #70917D - #C4CEC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #325540 0%, #70917D 50%, #C4CEC8 100%);
    background: -webkit-linear-gradient(top, #325540 0%, #70917D 50%, #C4CEC8 100%);
    background: linear-gradient(to bottom, #325540 0%, #70917D 50%, #C4CEC8 100%);
}
</style>