#267E5E - #A4CD82 | 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 #267E5E to #A4CD82

#267E5E #A4CD82

Calculate the color between two colors, #267E5E and #A4CD82. 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)

#267E5E - #A4CD82 | 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 #267E5E as 0% and #A4CD82 as 100%.

0.0%	0.0% #267E5E	RGB 38 126 94	#267E5E
16.7%	16.7% #3B8B64	RGB 59 139 100	#3B8B64
33.3%	33.3% #50986A	RGB 80 152 106	#50986A
50.0%	50.0% #65A570	RGB 101 165 112	#65A570
66.7%	66.7% #7AB276	RGB 122 178 118	#7AB276
83.3%	83.3% #8FBF7C	RGB 143 191 124	#8FBF7C
100.0%	100.0% #A4CD82	RGB 164 205 130	#A4CD82

#267E5E #3B8B64 #50986A #65A570 #7AB276 #8FBF7C #A4CD82

#267E5E - #A4CD82

HSV Blend

#267E5E - #A4CD82 | 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 #267E5E as 0% and #A4CD82 as 100%.

0.0%	0.0% #267E5E	RGB 38 126 94	#267E5E
16.7%	16.7% #318B5A	RGB 49 139 90	#318B5A
33.3%	33.3% #3E9857	RGB 62 152 87	#3E9857
50.0%	50.0% #4DA555	RGB 77 165 85	#4DA555
66.7%	66.7% #65B25D	RGB 101 178 93	#65B25D
83.3%	83.3% #84BF6F	RGB 132 191 111	#84BF6F
100.0%	100.0% #A4CD82	RGB 164 205 130	#A4CD82

#267E5E #318B5A #3E9857 #4DA555 #65B25D #84BF6F #A4CD82

#267E5E - #4DA555 - #A4CD82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #267E5E 0%, #4DA555 50%, #A4CD82 100%);
    background: -webkit-linear-gradient(top, #267E5E 0%, #4DA555 50%, #A4CD82 100%);
    background: linear-gradient(to bottom, #267E5E 0%, #4DA555 50%, #A4CD82 100%);
}
</style>