#A1F0AF - #FCECB5 | 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 #A1F0AF a #FCECB5

#A1F0AF #FCECB5

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

#A1F0AF - #FCECB5 | 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 #A1F0AF como 0% y #FCECB5 como 100%.

0.0%	0.0% #A1F0AF	RGB 161 240 175	#A1F0AF
16.7%	16.7% #B0EFB0	RGB 176 239 176	#B0EFB0
33.3%	33.3% #BFEEB1	RGB 191 238 177	#BFEEB1
50.0%	50.0% #CEEEB2	RGB 206 238 178	#CEEEB2
66.7%	66.7% #DDEDB3	RGB 221 237 179	#DDEDB3
83.3%	83.3% #ECECB4	RGB 236 236 180	#ECECB4
100.0%	100.0% #FCECB5	RGB 252 236 181	#FCECB5

#A1F0AF #B0EFB0 #BFEEB1 #CEEEB2 #DDEDB3 #ECECB4 #FCECB5

#A1F0AF - #FCECB5

Mezcla HSV

#A1F0AF - #FCECB5 | 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 #A1F0AF como 0% y #FCECB5 como 100%.

0.0%	0.0% #A1F0AF	RGB 161 240 175	#A1F0AF
16.7%	16.7% #A8F2A4	RGB 168 242 164	#A8F2A4
33.3%	33.3% #BDF4A7	RGB 189 244 167	#BDF4A7
50.0%	50.0% #D2F6AA	RGB 210 246 170	#D2F6AA
66.7%	66.7% #E6F8AE	RGB 230 248 174	#E6F8AE
83.3%	83.3% #F9FAB1	RGB 249 250 177	#F9FAB1
100.0%	100.0% #FCECB5	RGB 252 236 181	#FCECB5

#A1F0AF #A8F2A4 #BDF4A7 #D2F6AA #E6F8AE #F9FAB1 #FCECB5

#A1F0AF - #D2F6AA - #FCECB5

Códigos CSS

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

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