#5A8A7A - #CFDDD9 | 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 #5A8A7A to #CFDDD9

#5A8A7A #CFDDD9

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

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

0.0%	0.0% #5A8A7A	RGB 90 138 122	#5A8A7A
16.7%	16.7% #6D9789	RGB 109 151 137	#6D9789
33.3%	33.3% #81A599	RGB 129 165 153	#81A599
50.0%	50.0% #94B3A9	RGB 148 179 169	#94B3A9
66.7%	66.7% #A8C1B9	RGB 168 193 185	#A8C1B9
83.3%	83.3% #BBCFC9	RGB 187 207 201	#BBCFC9
100.0%	100.0% #CFDDD9	RGB 207 221 217	#CFDDD9

#5A8A7A #6D9789 #81A599 #94B3A9 #A8C1B9 #BBCFC9 #CFDDD9

#5A8A7A - #CFDDD9

HSV Blend

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

0.0%	0.0% #5A8A7A	RGB 90 138 122	#5A8A7A
16.7%	16.7% #6A9788	RGB 106 151 136	#6A9788
33.3%	33.3% #7BA598	RGB 123 165 152	#7BA598
50.0%	50.0% #8EB3A8	RGB 142 179 168	#8EB3A8
66.7%	66.7% #A2C1B8	RGB 162 193 184	#A2C1B8
83.3%	83.3% #B8CFC8	RGB 184 207 200	#B8CFC8
100.0%	100.0% #CFDDD9	RGB 207 221 217	#CFDDD9

#5A8A7A #6A9788 #7BA598 #8EB3A8 #A2C1B8 #B8CFC8 #CFDDD9

#5A8A7A - #8EB3A8 - #CFDDD9

CSS codes

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

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