#F1FFDB - #B5E78B | 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 #F1FFDB a #B5E78B

#F1FFDB #B5E78B

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

#F1FFDB - #B5E78B | 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 #F1FFDB como 0% y #B5E78B como 100%.

0.0%	0.0% #F1FFDB	RGB 241 255 219	#F1FFDB
16.7%	16.7% #E7FBCD	RGB 231 251 205	#E7FBCD
33.3%	33.3% #DDF7C0	RGB 221 247 192	#DDF7C0
50.0%	50.0% #D3F3B3	RGB 211 243 179	#D3F3B3
66.7%	66.7% #C9EFA5	RGB 201 239 165	#C9EFA5
83.3%	83.3% #BFEB98	RGB 191 235 152	#BFEB98
100.0%	100.0% #B5E78B	RGB 181 231 139	#B5E78B

#F1FFDB #E7FBCD #DDF7C0 #D3F3B3 #C9EFA5 #BFEB98 #B5E78B

#F1FFDB - #B5E78B

Mezcla HSV

#F1FFDB - #B5E78B | 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 #F1FFDB como 0% y #B5E78B como 100%.

0.0%	0.0% #F1FFDB	RGB 241 255 219	#F1FFDB
16.7%	16.7% #E7FBCC	RGB 231 251 204	#E7FBCC
33.3%	33.3% #DEF7BE	RGB 222 247 190	#DEF7BE
50.0%	50.0% #D4F3B1	RGB 212 243 177	#D4F3B1
66.7%	66.7% #CAEFA4	RGB 202 239 164	#CAEFA4
83.3%	83.3% #BFEB97	RGB 191 235 151	#BFEB97
100.0%	100.0% #B5E78B	RGB 181 231 139	#B5E78B

#F1FFDB #E7FBCC #DEF7BE #D4F3B1 #CAEFA4 #BFEB97 #B5E78B

#F1FFDB - #D4F3B1 - #B5E78B

Códigos CSS

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

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