#AFAB5E - #ECFE7C | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #AFAB5E a #ECFE7C

#AFAB5E #ECFE7C

Calcule el color entre dos colores, #AFAB5E y #ECFE7C. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#AFAB5E - #ECFE7C | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #AFAB5E como 0% y #ECFE7C como 100%.

0.0%	0.0% #AFAB5E	RGB 175 171 94	#AFAB5E
16.7%	16.7% #B9B863	RGB 185 184 99	#B9B863
33.3%	33.3% #C3C668	RGB 195 198 104	#C3C668
50.0%	50.0% #CDD46D	RGB 205 212 109	#CDD46D
66.7%	66.7% #D7E272	RGB 215 226 114	#D7E272
83.3%	83.3% #E1F077	RGB 225 240 119	#E1F077
100.0%	100.0% #ECFE7C	RGB 236 254 124	#ECFE7C

#AFAB5E #B9B863 #C3C668 #CDD46D #D7E272 #E1F077 #ECFE7C

#AFAB5E - #ECFE7C

Mezcla HSV

#AFAB5E - #ECFE7C | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #AFAB5E como 0% y #ECFE7C como 100%.

0.0%	0.0% #AFAB5E	RGB 175 171 94	#AFAB5E
16.7%	16.7% #BCBA63	RGB 188 186 99	#BCBA63
33.3%	33.3% #C8C968	RGB 200 201 104	#C8C968
50.0%	50.0% #D1D66D	RGB 209 214 109	#D1D66D
66.7%	66.7% #DBE372	RGB 219 227 114	#DBE372
83.3%	83.3% #E3F077	RGB 227 240 119	#E3F077
100.0%	100.0% #ECFE7C	RGB 236 254 124	#ECFE7C

#AFAB5E #BCBA63 #C8C968 #D1D66D #DBE372 #E3F077 #ECFE7C

#AFAB5E - #D1D66D - #ECFE7C

Códigos CSS

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

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