#5A8272 - #CFDBD6 | 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 #5A8272 to #CFDBD6

#5A8272 #CFDBD6

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

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

0.0%	0.0% #5A8272	RGB 90 130 114	#5A8272
16.7%	16.7% #6D9082	RGB 109 144 130	#6D9082
33.3%	33.3% #819F93	RGB 129 159 147	#819F93
50.0%	50.0% #94AEA4	RGB 148 174 164	#94AEA4
66.7%	66.7% #A8BDB4	RGB 168 189 180	#A8BDB4
83.3%	83.3% #BBCCC5	RGB 187 204 197	#BBCCC5
100.0%	100.0% #CFDBD6	RGB 207 219 214	#CFDBD6

#5A8272 #6D9082 #819F93 #94AEA4 #A8BDB4 #BBCCC5 #CFDBD6

#5A8272 - #CFDBD6

HSV Blend

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

0.0%	0.0% #5A8272	RGB 90 130 114	#5A8272
16.7%	16.7% #6A9081	RGB 106 144 129	#6A9081
33.3%	33.3% #7B9F91	RGB 123 159 145	#7B9F91
50.0%	50.0% #8EAEA1	RGB 142 174 161	#8EAEA1
66.7%	66.7% #A2BDB2	RGB 162 189 178	#A2BDB2
83.3%	83.3% #B8CCC3	RGB 184 204 195	#B8CCC3
100.0%	100.0% #CFDBD6	RGB 207 219 214	#CFDBD6

#5A8272 #6A9081 #7B9F91 #8EAEA1 #A2BDB2 #B8CCC3 #CFDBD6

#5A8272 - #8EAEA1 - #CFDBD6

CSS codes

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

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