#F2FF8C - #C2E337 | 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 #F2FF8C to #C2E337

#F2FF8C #C2E337

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

#F2FF8C - #C2E337 | 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 #F2FF8C as 0% and #C2E337 as 100%.

0.0%	0.0% #F2FF8C	RGB 242 255 140	#F2FF8C
16.7%	16.7% #EAFA7D	RGB 234 250 125	#EAFA7D
33.3%	33.3% #E2F56F	RGB 226 245 111	#E2F56F
50.0%	50.0% #DAF161	RGB 218 241 97	#DAF161
66.7%	66.7% #D2EC53	RGB 210 236 83	#D2EC53
83.3%	83.3% #CAE745	RGB 202 231 69	#CAE745
100.0%	100.0% #C2E337	RGB 194 227 55	#C2E337

#F2FF8C #EAFA7D #E2F56F #DAF161 #D2EC53 #CAE745 #C2E337

#F2FF8C - #C2E337

HSV Blend

#F2FF8C - #C2E337 | 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 #F2FF8C as 0% and #C2E337 as 100%.

0.0%	0.0% #F2FF8C	RGB 242 255 140	#F2FF8C
16.7%	16.7% #EAFA7C	RGB 234 250 124	#EAFA7C
33.3%	33.3% #E2F56D	RGB 226 245 109	#E2F56D
50.0%	50.0% #DAF15F	RGB 218 241 95	#DAF15F
66.7%	66.7% #D2EC51	RGB 210 236 81	#D2EC51
83.3%	83.3% #CAE743	RGB 202 231 67	#CAE743
100.0%	100.0% #C2E337	RGB 194 227 55	#C2E337

#F2FF8C #EAFA7C #E2F56D #DAF15F #D2EC51 #CAE743 #C2E337

#F2FF8C - #DAF15F - #C2E337

CSS codes

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

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