#DEF2B8 - #A4D965 | 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 #DEF2B8 to #A4D965

#DEF2B8 #A4D965

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

#DEF2B8 - #A4D965 | 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 #DEF2B8 as 0% and #A4D965 as 100%.

0.0%	0.0% #DEF2B8	RGB 222 242 184	#DEF2B8
16.7%	16.7% #D4EDAA	RGB 212 237 170	#D4EDAA
33.3%	33.3% #CAE99C	RGB 202 233 156	#CAE99C
50.0%	50.0% #C1E58E	RGB 193 229 142	#C1E58E
66.7%	66.7% #B7E180	RGB 183 225 128	#B7E180
83.3%	83.3% #ADDD72	RGB 173 221 114	#ADDD72
100.0%	100.0% #A4D965	RGB 164 217 101	#A4D965

#DEF2B8 #D4EDAA #CAE99C #C1E58E #B7E180 #ADDD72 #A4D965

#DEF2B8 - #A4D965

HSV Blend

#DEF2B8 - #A4D965 | 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 #DEF2B8 as 0% and #A4D965 as 100%.

0.0%	0.0% #DEF2B8	RGB 222 242 184	#DEF2B8
16.7%	16.7% #D4EDA9	RGB 212 237 169	#D4EDA9
33.3%	33.3% #CBE99A	RGB 203 233 154	#CBE99A
50.0%	50.0% #C1E58C	RGB 193 229 140	#C1E58C
66.7%	66.7% #B8E17F	RGB 184 225 127	#B8E17F
83.3%	83.3% #AEDD71	RGB 174 221 113	#AEDD71
100.0%	100.0% #A4D965	RGB 164 217 101	#A4D965

#DEF2B8 #D4EDA9 #CBE99A #C1E58C #B8E17F #AEDD71 #A4D965

#DEF2B8 - #C1E58C - #A4D965

CSS codes

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

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