#F9FFC0 - #D1DB5E | 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 #F9FFC0 a #D1DB5E

#F9FFC0 #D1DB5E

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

#F9FFC0 - #D1DB5E | 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 #F9FFC0 como 0% y #D1DB5E como 100%.

0.0%	0.0% #F9FFC0	RGB 249 255 192	#F9FFC0
16.7%	16.7% #F2F9AF	RGB 242 249 175	#F2F9AF
33.3%	33.3% #EBF39F	RGB 235 243 159	#EBF39F
50.0%	50.0% #E5ED8F	RGB 229 237 143	#E5ED8F
66.7%	66.7% #DEE77E	RGB 222 231 126	#DEE77E
83.3%	83.3% #D7E16E	RGB 215 225 110	#D7E16E
100.0%	100.0% #D1DB5E	RGB 209 219 94	#D1DB5E

#F9FFC0 #F2F9AF #EBF39F #E5ED8F #DEE77E #D7E16E #D1DB5E

#F9FFC0 - #D1DB5E

Mezcla HSV

#F9FFC0 - #D1DB5E | 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 #F9FFC0 como 0% y #D1DB5E como 100%.

0.0%	0.0% #F9FFC0	RGB 249 255 192	#F9FFC0
16.7%	16.7% #F2F9AE	RGB 242 249 174	#F2F9AE
33.3%	33.3% #EBF39C	RGB 235 243 156	#EBF39C
50.0%	50.0% #E4ED8C	RGB 228 237 140	#E4ED8C
66.7%	66.7% #DDE77C	RGB 221 231 124	#DDE77C
83.3%	83.3% #D7E16C	RGB 215 225 108	#D7E16C
100.0%	100.0% #D1DB5E	RGB 209 219 94	#D1DB5E

#F9FFC0 #F2F9AE #EBF39C #E4ED8C #DDE77C #D7E16C #D1DB5E

#F9FFC0 - #E4ED8C - #D1DB5E

Códigos CSS

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

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