#5A8F7A - #CFDFD8 | 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 #5A8F7A to #CFDFD8

#5A8F7A #CFDFD8

Calculate the color between two colors, #5A8F7A and #CFDFD8. 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)

#5A8F7A - #CFDFD8 | 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 #5A8F7A as 0% and #CFDFD8 as 100%.

0.0%	0.0% #5A8F7A	RGB 90 143 122	#5A8F7A
16.7%	16.7% #6D9C89	RGB 109 156 137	#6D9C89
33.3%	33.3% #81A999	RGB 129 169 153	#81A999
50.0%	50.0% #94B7A9	RGB 148 183 169	#94B7A9
66.7%	66.7% #A8C4B8	RGB 168 196 184	#A8C4B8
83.3%	83.3% #BBD1C8	RGB 187 209 200	#BBD1C8
100.0%	100.0% #CFDFD8	RGB 207 223 216	#CFDFD8

#5A8F7A #6D9C89 #81A999 #94B7A9 #A8C4B8 #BBD1C8 #CFDFD8

#5A8F7A - #CFDFD8

HSV Blend

#5A8F7A - #CFDFD8 | 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 #5A8F7A as 0% and #CFDFD8 as 100%.

0.0%	0.0% #5A8F7A	RGB 90 143 122	#5A8F7A
16.7%	16.7% #6A9C88	RGB 106 156 136	#6A9C88
33.3%	33.3% #7BA996	RGB 123 169 150	#7BA996
50.0%	50.0% #8EB7A6	RGB 142 183 166	#8EB7A6
66.7%	66.7% #A2C4B6	RGB 162 196 182	#A2C4B6
83.3%	83.3% #B8D1C6	RGB 184 209 198	#B8D1C6
100.0%	100.0% #CFDFD8	RGB 207 223 216	#CFDFD8

#5A8F7A #6A9C88 #7BA996 #8EB7A6 #A2C4B6 #B8D1C6 #CFDFD8

#5A8F7A - #8EB7A6 - #CFDFD8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8F7A 0%, #8EB7A6 50%, #CFDFD8 100%);
    background: -webkit-linear-gradient(top, #5A8F7A 0%, #8EB7A6 50%, #CFDFD8 100%);
    background: linear-gradient(to bottom, #5A8F7A 0%, #8EB7A6 50%, #CFDFD8 100%);
}
</style>