#F0FFA2 - #B5E432 | 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 #F0FFA2 a #B5E432

#F0FFA2 #B5E432

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

#F0FFA2 - #B5E432 | 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 #F0FFA2 como 0% y #B5E432 como 100%.

0.0%	0.0% #F0FFA2	RGB 240 255 162	#F0FFA2
16.7%	16.7% #E6FA8F	RGB 230 250 143	#E6FA8F
33.3%	33.3% #DCF67C	RGB 220 246 124	#DCF67C
50.0%	50.0% #D2F16A	RGB 210 241 106	#D2F16A
66.7%	66.7% #C8ED57	RGB 200 237 87	#C8ED57
83.3%	83.3% #BEE844	RGB 190 232 68	#BEE844
100.0%	100.0% #B5E432	RGB 181 228 50	#B5E432

#F0FFA2 #E6FA8F #DCF67C #D2F16A #C8ED57 #BEE844 #B5E432

#F0FFA2 - #B5E432

Mezcla HSV

#F0FFA2 - #B5E432 | 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 #F0FFA2 como 0% y #B5E432 como 100%.

0.0%	0.0% #F0FFA2	RGB 240 255 162	#F0FFA2
16.7%	16.7% #E7FA8D	RGB 231 250 141	#E7FA8D
33.3%	33.3% #DDF67A	RGB 221 246 122	#DDF67A
50.0%	50.0% #D4F167	RGB 212 241 103	#D4F167
66.7%	66.7% #CAED54	RGB 202 237 84	#CAED54
83.3%	83.3% #BFE843	RGB 191 232 67	#BFE843
100.0%	100.0% #B5E432	RGB 181 228 50	#B5E432

#F0FFA2 #E7FA8D #DDF67A #D4F167 #CAED54 #BFE843 #B5E432

#F0FFA2 - #D4F167 - #B5E432

Códigos CSS

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

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