#A2DF5E - #FFF58B | 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 #A2DF5E a #FFF58B

#A2DF5E #FFF58B

Calcule el color entre dos colores, #A2DF5E y #FFF58B. 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)

#A2DF5E - #FFF58B | 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 #A2DF5E como 0% y #FFF58B como 100%.

0.0%	0.0% #A2DF5E	RGB 162 223 94	#A2DF5E
16.7%	16.7% #B1E265	RGB 177 226 101	#B1E265
33.3%	33.3% #C1E66D	RGB 193 230 109	#C1E66D
50.0%	50.0% #D0EA74	RGB 208 234 116	#D0EA74
66.7%	66.7% #E0ED7C	RGB 224 237 124	#E0ED7C
83.3%	83.3% #EFF183	RGB 239 241 131	#EFF183
100.0%	100.0% #FFF58B	RGB 255 245 139	#FFF58B

#A2DF5E #B1E265 #C1E66D #D0EA74 #E0ED7C #EFF183 #FFF58B

#A2DF5E - #FFF58B

Mezcla HSV

#A2DF5E - #FFF58B | 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 #A2DF5E como 0% y #FFF58B como 100%.

0.0%	0.0% #A2DF5E	RGB 162 223 94	#A2DF5E
16.7%	16.7% #B3E464	RGB 179 228 100	#B3E464
33.3%	33.3% #C5E96C	RGB 197 233 108	#C5E96C
50.0%	50.0% #D7EF73	RGB 215 239 115	#D7EF73
66.7%	66.7% #E8F47B	RGB 232 244 123	#E8F47B
83.3%	83.3% #F8F982	RGB 248 249 130	#F8F982
100.0%	100.0% #FFF58B	RGB 255 245 139	#FFF58B

#A2DF5E #B3E464 #C5E96C #D7EF73 #E8F47B #F8F982 #FFF58B

#A2DF5E - #D7EF73 - #FFF58B

Códigos CSS

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

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