#FFFD4D - #FFFECC | 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 #FFFD4D a #FFFECC

#FFFD4D #FFFECC

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

#FFFD4D - #FFFECC | 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 #FFFD4D como 0% y #FFFECC como 100%.

0.0%	0.0% #FFFD4D	RGB 255 253 77	#FFFD4D
16.7%	16.7% #FFFD62	RGB 255 253 98	#FFFD62
33.3%	33.3% #FFFD77	RGB 255 253 119	#FFFD77
50.0%	50.0% #FFFD8C	RGB 255 253 140	#FFFD8C
66.7%	66.7% #FFFDA1	RGB 255 253 161	#FFFDA1
83.3%	83.3% #FFFDB6	RGB 255 253 182	#FFFDB6
100.0%	100.0% #FFFECC	RGB 255 254 204	#FFFECC

#FFFD4D #FFFD62 #FFFD77 #FFFD8C #FFFDA1 #FFFDB6 #FFFECC

#FFFD4D - #FFFECC

Mezcla HSV

#FFFD4D - #FFFECC | 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 #FFFD4D como 0% y #FFFECC como 100%.

0.0%	0.0% #FFFD4D	RGB 255 253 77	#FFFD4D
16.7%	16.7% #FFFD62	RGB 255 253 98	#FFFD62
33.3%	33.3% #FFFD77	RGB 255 253 119	#FFFD77
50.0%	50.0% #FFFD8C	RGB 255 253 140	#FFFD8C
66.7%	66.7% #FFFDA1	RGB 255 253 161	#FFFDA1
83.3%	83.3% #FFFDB6	RGB 255 253 182	#FFFDB6
100.0%	100.0% #FFFECC	RGB 255 254 204	#FFFECC

#FFFD4D #FFFD62 #FFFD77 #FFFD8C #FFFDA1 #FFFDB6 #FFFECC

#FFFD4D - #FFFD8C - #FFFECC

Códigos CSS

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

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