#7FD4B5 - #E6E6AF | 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 #7FD4B5 to #E6E6AF

#7FD4B5 #E6E6AF

Calculate the color between two colors, #7FD4B5 and #E6E6AF. 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)

#7FD4B5 - #E6E6AF | 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 #7FD4B5 as 0% and #E6E6AF as 100%.

0.0%	0.0% #7FD4B5	RGB 127 212 181	#7FD4B5
16.7%	16.7% #90D7B4	RGB 144 215 180	#90D7B4
33.3%	33.3% #A1DAB3	RGB 161 218 179	#A1DAB3
50.0%	50.0% #B2DDB2	RGB 178 221 178	#B2DDB2
66.7%	66.7% #C3E0B1	RGB 195 224 177	#C3E0B1
83.3%	83.3% #D4E3B0	RGB 212 227 176	#D4E3B0
100.0%	100.0% #E6E6AF	RGB 230 230 175	#E6E6AF

#7FD4B5 #90D7B4 #A1DAB3 #B2DDB2 #C3E0B1 #D4E3B0 #E6E6AF

#7FD4B5 - #E6E6AF

HSV Blend

#7FD4B5 - #E6E6AF | 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 #7FD4B5 as 0% and #E6E6AF as 100%.

0.0%	0.0% #7FD4B5	RGB 127 212 181	#7FD4B5
16.7%	16.7% #86D7A3	RGB 134 215 163	#86D7A3
33.3%	33.3% #8EDA95	RGB 142 218 149	#8EDA95
50.0%	50.0% #A3DD96	RGB 163 221 150	#A3DD96
66.7%	66.7% #BCE09E	RGB 188 224 158	#BCE09E
83.3%	83.3% #D2E3A6	RGB 210 227 166	#D2E3A6
100.0%	100.0% #E6E6AF	RGB 230 230 175	#E6E6AF

#7FD4B5 #86D7A3 #8EDA95 #A3DD96 #BCE09E #D2E3A6 #E6E6AF

#7FD4B5 - #A3DD96 - #E6E6AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FD4B5 0%, #A3DD96 50%, #E6E6AF 100%);
    background: -webkit-linear-gradient(top, #7FD4B5 0%, #A3DD96 50%, #E6E6AF 100%);
    background: linear-gradient(to bottom, #7FD4B5 0%, #A3DD96 50%, #E6E6AF 100%);
}
</style>