#95EA5E - #DDFF85 | 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 #95EA5E to #DDFF85

#95EA5E #DDFF85

Calculate the color between two colors, #95EA5E and #DDFF85. 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)

#95EA5E - #DDFF85 | 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 #95EA5E as 0% and #DDFF85 as 100%.

0.0%	0.0% #95EA5E	RGB 149 234 94	#95EA5E
16.7%	16.7% #A1ED64	RGB 161 237 100	#A1ED64
33.3%	33.3% #ADF16B	RGB 173 241 107	#ADF16B
50.0%	50.0% #B9F471	RGB 185 244 113	#B9F471
66.7%	66.7% #C5F878	RGB 197 248 120	#C5F878
83.3%	83.3% #D1FB7E	RGB 209 251 126	#D1FB7E
100.0%	100.0% #DDFF85	RGB 221 255 133	#DDFF85

#95EA5E #A1ED64 #ADF16B #B9F471 #C5F878 #D1FB7E #DDFF85

#95EA5E - #DDFF85

HSV Blend

#95EA5E - #DDFF85 | 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 #95EA5E as 0% and #DDFF85 as 100%.

0.0%	0.0% #95EA5E	RGB 149 234 94	#95EA5E
16.7%	16.7% #A1ED64	RGB 161 237 100	#A1ED64
33.3%	33.3% #AEF16A	RGB 174 241 106	#AEF16A
50.0%	50.0% #BAF470	RGB 186 244 112	#BAF470
66.7%	66.7% #C6F877	RGB 198 248 119	#C6F877
83.3%	83.3% #D1FB7E	RGB 209 251 126	#D1FB7E
100.0%	100.0% #DDFF85	RGB 221 255 133	#DDFF85

#95EA5E #A1ED64 #AEF16A #BAF470 #C6F877 #D1FB7E #DDFF85

#95EA5E - #BAF470 - #DDFF85

CSS codes

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

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