#A1DBA1 - #FFECAD | 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 #A1DBA1 to #FFECAD

#A1DBA1 #FFECAD

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

#A1DBA1 - #FFECAD | 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 #A1DBA1 as 0% and #FFECAD as 100%.

0.0%	0.0% #A1DBA1	RGB 161 219 161	#A1DBA1
16.7%	16.7% #B0DDA3	RGB 176 221 163	#B0DDA3
33.3%	33.3% #C0E0A5	RGB 192 224 165	#C0E0A5
50.0%	50.0% #D0E3A7	RGB 208 227 167	#D0E3A7
66.7%	66.7% #DFE6A9	RGB 223 230 169	#DFE6A9
83.3%	83.3% #EFE9AB	RGB 239 233 171	#EFE9AB
100.0%	100.0% #FFECAD	RGB 255 236 173	#FFECAD

#A1DBA1 #B0DDA3 #C0E0A5 #D0E3A7 #DFE6A9 #EFE9AB #FFECAD

#A1DBA1 - #FFECAD

HSV Blend

#A1DBA1 - #FFECAD | 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 #A1DBA1 as 0% and #FFECAD as 100%.

0.0%	0.0% #A1DBA1	RGB 161 219 161	#A1DBA1
16.7%	16.7% #AFE1A3	RGB 175 225 163	#AFE1A3
33.3%	33.3% #C0E7A5	RGB 192 231 165	#C0E7A5
50.0%	50.0% #D2EDA7	RGB 210 237 167	#D2EDA7
66.7%	66.7% #E5F3A9	RGB 229 243 169	#E5F3A9
83.3%	83.3% #F9F6AB	RGB 249 246 171	#F9F6AB
100.0%	100.0% #FFECAD	RGB 255 236 173	#FFECAD

#A1DBA1 #AFE1A3 #C0E7A5 #D2EDA7 #E5F3A9 #F9F6AB #FFECAD

#A1DBA1 - #D2EDA7 - #FFECAD

CSS codes

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

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