#CAFFC0 - #76DB5E | 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 #CAFFC0 to #76DB5E

#CAFFC0 #76DB5E

Calculate the color between two colors, #CAFFC0 and #76DB5E. 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)

#CAFFC0 - #76DB5E | 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 #CAFFC0 as 0% and #76DB5E as 100%.

0.0%	0.0% #CAFFC0	RGB 202 255 192	#CAFFC0
16.7%	16.7% #BCF9AF	RGB 188 249 175	#BCF9AF
33.3%	33.3% #AEF39F	RGB 174 243 159	#AEF39F
50.0%	50.0% #A0ED8F	RGB 160 237 143	#A0ED8F
66.7%	66.7% #92E77E	RGB 146 231 126	#92E77E
83.3%	83.3% #84E16E	RGB 132 225 110	#84E16E
100.0%	100.0% #76DB5E	RGB 118 219 94	#76DB5E

#CAFFC0 #BCF9AF #AEF39F #A0ED8F #92E77E #84E16E #76DB5E

#CAFFC0 - #76DB5E

HSV Blend

#CAFFC0 - #76DB5E | 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 #CAFFC0 as 0% and #76DB5E as 100%.

0.0%	0.0% #CAFFC0	RGB 202 255 192	#CAFFC0
16.7%	16.7% #BAF9AE	RGB 186 249 174	#BAF9AE
33.3%	33.3% #ABF39C	RGB 171 243 156	#ABF39C
50.0%	50.0% #9DED8C	RGB 157 237 140	#9DED8C
66.7%	66.7% #8FE77C	RGB 143 231 124	#8FE77C
83.3%	83.3% #82E16C	RGB 130 225 108	#82E16C
100.0%	100.0% #76DB5E	RGB 118 219 94	#76DB5E

#CAFFC0 #BAF9AE #ABF39C #9DED8C #8FE77C #82E16C #76DB5E

#CAFFC0 - #9DED8C - #76DB5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAFFC0 0%, #9DED8C 50%, #76DB5E 100%);
    background: -webkit-linear-gradient(top, #CAFFC0 0%, #9DED8C 50%, #76DB5E 100%);
    background: linear-gradient(to bottom, #CAFFC0 0%, #9DED8C 50%, #76DB5E 100%);
}
</style>