#7AFF14 - #FECCCD | 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 #7AFF14 to #FECCCD

#7AFF14 #FECCCD

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

#7AFF14 - #FECCCD | 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 #7AFF14 as 0% and #FECCCD as 100%.

0.0%	0.0% #7AFF14	RGB 122 255 20	#7AFF14
16.7%	16.7% #90F632	RGB 144 246 50	#90F632
33.3%	33.3% #A6EE51	RGB 166 238 81	#A6EE51
50.0%	50.0% #BCE570	RGB 188 229 112	#BCE570
66.7%	66.7% #D2DD8F	RGB 210 221 143	#D2DD8F
83.3%	83.3% #E8D4AE	RGB 232 212 174	#E8D4AE
100.0%	100.0% #FECCCD	RGB 254 204 205	#FECCCD

#7AFF14 #90F632 #A6EE51 #BCE570 #D2DD8F #E8D4AE #FECCCD

#7AFF14 - #FECCCD

HSV Blend

#7AFF14 - #FECCCD | 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 #7AFF14 as 0% and #FECCCD as 100%.

0.0%	0.0% #79FF13	RGB 121 255 19	#79FF13
16.7%	16.7% #C1FE32	RGB 193 254 50	#C1FE32
33.3%	33.3% #F8FE51	RGB 248 254 81	#F8FE51
50.0%	50.0% #FEDE70	RGB 254 222 112	#FEDE70
66.7%	66.7% #FEC78E	RGB 254 199 142	#FEC78E
83.3%	83.3% #FEC1AD	RGB 254 193 173	#FEC1AD
100.0%	100.0% #FECCCD	RGB 254 204 205	#FECCCD

#79FF13 #C1FE32 #F8FE51 #FEDE70 #FEC78E #FEC1AD #FECCCD

#7AFF14 - #FEDE70 - #FECCCD

CSS codes

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

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