#5A8A6C - #CFDDD5 | 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 #5A8A6C to #CFDDD5

#5A8A6C #CFDDD5

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

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

0.0%	0.0% #5A8A6C	RGB 90 138 108	#5A8A6C
16.7%	16.7% #6D977D	RGB 109 151 125	#6D977D
33.3%	33.3% #81A58F	RGB 129 165 143	#81A58F
50.0%	50.0% #94B3A0	RGB 148 179 160	#94B3A0
66.7%	66.7% #A8C1B2	RGB 168 193 178	#A8C1B2
83.3%	83.3% #BBCFC3	RGB 187 207 195	#BBCFC3
100.0%	100.0% #CFDDD5	RGB 207 221 213	#CFDDD5

#5A8A6C #6D977D #81A58F #94B3A0 #A8C1B2 #BBCFC3 #CFDDD5

#5A8A6C - #CFDDD5

HSV Blend

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

0.0%	0.0% #5A8A6C	RGB 90 138 108	#5A8A6C
16.7%	16.7% #6A977B	RGB 106 151 123	#6A977B
33.3%	33.3% #7BA58C	RGB 123 165 140	#7BA58C
50.0%	50.0% #8EB39D	RGB 142 179 157	#8EB39D
66.7%	66.7% #A2C1AF	RGB 162 193 175	#A2C1AF
83.3%	83.3% #B8CFC1	RGB 184 207 193	#B8CFC1
100.0%	100.0% #CFDDD5	RGB 207 221 213	#CFDDD5

#5A8A6C #6A977B #7BA58C #8EB39D #A2C1AF #B8CFC1 #CFDDD5

#5A8A6C - #8EB39D - #CFDDD5

CSS codes

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

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