#FFE178 - #FFFECE | 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 #FFE178 a #FFFECE

#FFE178 #FFFECE

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

#FFE178 - #FFFECE | 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 #FFE178 como 0% y #FFFECE como 100%.

0.0%	0.0% #FFE178	RGB 255 225 120	#FFE178
16.7%	16.7% #FFE586	RGB 255 229 134	#FFE586
33.3%	33.3% #FFEA94	RGB 255 234 148	#FFEA94
50.0%	50.0% #FFEFA3	RGB 255 239 163	#FFEFA3
66.7%	66.7% #FFF4B1	RGB 255 244 177	#FFF4B1
83.3%	83.3% #FFF9BF	RGB 255 249 191	#FFF9BF
100.0%	100.0% #FFFECE	RGB 255 254 206	#FFFECE

#FFE178 #FFE586 #FFEA94 #FFEFA3 #FFF4B1 #FFF9BF #FFFECE

#FFE178 - #FFFECE

Mezcla HSV

#FFE178 - #FFFECE | 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 #FFE178 como 0% y #FFFECE como 100%.

0.0%	0.0% #FFE178	RGB 255 225 120	#FFE178
16.7%	16.7% #FFE886	RGB 255 232 134	#FFE886
33.3%	33.3% #FFEE94	RGB 255 238 148	#FFEE94
50.0%	50.0% #FFF3A3	RGB 255 243 163	#FFF3A3
66.7%	66.7% #FFF8B1	RGB 255 248 177	#FFF8B1
83.3%	83.3% #FFFBBF	RGB 255 251 191	#FFFBBF
100.0%	100.0% #FFFECE	RGB 255 254 206	#FFFECE

#FFE178 #FFE886 #FFEE94 #FFF3A3 #FFF8B1 #FFFBBF #FFFECE

#FFE178 - #FFF3A3 - #FFFECE

Códigos CSS

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

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