#E5E050 - #FFF082 | 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 #E5E050 a #FFF082

#E5E050 #FFF082

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

#E5E050 - #FFF082 | 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 #E5E050 como 0% y #FFF082 como 100%.

0.0%	0.0% #E5E050	RGB 229 224 80	#E5E050
16.7%	16.7% #E9E258	RGB 233 226 88	#E9E258
33.3%	33.3% #EDE560	RGB 237 229 96	#EDE560
50.0%	50.0% #F2E869	RGB 242 232 105	#F2E869
66.7%	66.7% #F6EA71	RGB 246 234 113	#F6EA71
83.3%	83.3% #FAED79	RGB 250 237 121	#FAED79
100.0%	100.0% #FFF082	RGB 255 240 130	#FFF082

#E5E050 #E9E258 #EDE560 #F2E869 #F6EA71 #FAED79 #FFF082

#E5E050 - #FFF082

Mezcla HSV

#E5E050 - #FFF082 | 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 #E5E050 como 0% y #FFF082 como 100%.

0.0%	0.0% #E5E050	RGB 229 224 80	#E5E050
16.7%	16.7% #E9E257	RGB 233 226 87	#E9E257
33.3%	33.3% #EDE45F	RGB 237 228 95	#EDE45F
50.0%	50.0% #F2E767	RGB 242 231 103	#F2E767
66.7%	66.7% #F6EA70	RGB 246 234 112	#F6EA70
83.3%	83.3% #FAEC79	RGB 250 236 121	#FAEC79
100.0%	100.0% #FFF082	RGB 255 240 130	#FFF082

#E5E050 #E9E257 #EDE45F #F2E767 #F6EA70 #FAEC79 #FFF082

#E5E050 - #F2E767 - #FFF082

Códigos CSS

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

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