#FDFF9F - #D5E246 | 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 #FDFF9F a #D5E246

#FDFF9F #D5E246

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

#FDFF9F - #D5E246 | 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 #FDFF9F como 0% y #D5E246 como 100%.

0.0%	0.0% #FDFF9F	RGB 253 255 159	#FDFF9F
16.7%	16.7% #F6FA90	RGB 246 250 144	#F6FA90
33.3%	33.3% #EFF581	RGB 239 245 129	#EFF581
50.0%	50.0% #E9F072	RGB 233 240 114	#E9F072
66.7%	66.7% #E2EB63	RGB 226 235 99	#E2EB63
83.3%	83.3% #DBE654	RGB 219 230 84	#DBE654
100.0%	100.0% #D5E246	RGB 213 226 70	#D5E246

#FDFF9F #F6FA90 #EFF581 #E9F072 #E2EB63 #DBE654 #D5E246

#FDFF9F - #D5E246

Mezcla HSV

#FDFF9F - #D5E246 | 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 #FDFF9F como 0% y #D5E246 como 100%.

0.0%	0.0% #FDFF9F	RGB 253 255 159	#FDFF9F
16.7%	16.7% #F6FA8E	RGB 246 250 142	#F6FA8E
33.3%	33.3% #F0F57F	RGB 240 245 127	#F0F57F
50.0%	50.0% #E9F070	RGB 233 240 112	#E9F070
66.7%	66.7% #E3EB61	RGB 227 235 97	#E3EB61
83.3%	83.3% #DCE653	RGB 220 230 83	#DCE653
100.0%	100.0% #D5E246	RGB 213 226 70	#D5E246

#FDFF9F #F6FA8E #F0F57F #E9F070 #E3EB61 #DCE653 #D5E246

#FDFF9F - #E9F070 - #D5E246

Códigos CSS

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

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