#9FEC9F - #FFF0AC | 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 #9FEC9F a #FFF0AC

#9FEC9F #FFF0AC

Calcule el color entre dos colores, #9FEC9F y #FFF0AC. 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)

#9FEC9F - #FFF0AC | 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 #9FEC9F como 0% y #FFF0AC como 100%.

0.0%	0.0% #9FEC9F	RGB 159 236 159	#9FEC9F
16.7%	16.7% #AFECA1	RGB 175 236 161	#AFECA1
33.3%	33.3% #BFEDA3	RGB 191 237 163	#BFEDA3
50.0%	50.0% #CFEEA5	RGB 207 238 165	#CFEEA5
66.7%	66.7% #DFEEA7	RGB 223 238 167	#DFEEA7
83.3%	83.3% #EFEFA9	RGB 239 239 169	#EFEFA9
100.0%	100.0% #FFF0AC	RGB 255 240 172	#FFF0AC

#9FEC9F #AFECA1 #BFEDA3 #CFEEA5 #DFEEA7 #EFEFA9 #FFF0AC

#9FEC9F - #FFF0AC

Mezcla HSV

#9FEC9F - #FFF0AC | 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 #9FEC9F como 0% y #FFF0AC como 100%.

0.0%	0.0% #9FEC9F	RGB 159 236 159	#9FEC9F
16.7%	16.7% #B0EFA1	RGB 176 239 161	#B0EFA1
33.3%	33.3% #C2F2A3	RGB 194 242 163	#C2F2A3
50.0%	50.0% #D4F5A5	RGB 212 245 165	#D4F5A5
66.7%	66.7% #E7F8A7	RGB 231 248 167	#E7F8A7
83.3%	83.3% #FAFBA9	RGB 250 251 169	#FAFBA9
100.0%	100.0% #FFF0AC	RGB 255 240 172	#FFF0AC

#9FEC9F #B0EFA1 #C2F2A3 #D4F5A5 #E7F8A7 #FAFBA9 #FFF0AC

#9FEC9F - #D4F5A5 - #FFF0AC

Códigos CSS

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

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