#9FC59B - #E3EEE2 | 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 #9FC59B a #E3EEE2

#9FC59B #E3EEE2

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

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

0.0%	0.0% #9FC59B	RGB 159 197 155	#9FC59B
16.7%	16.7% #AACBA6	RGB 170 203 166	#AACBA6
33.3%	33.3% #B5D2B2	RGB 181 210 178	#B5D2B2
50.0%	50.0% #C1D9BE	RGB 193 217 190	#C1D9BE
66.7%	66.7% #CCE0CA	RGB 204 224 202	#CCE0CA
83.3%	83.3% #D7E7D6	RGB 215 231 214	#D7E7D6
100.0%	100.0% #E3EEE2	RGB 227 238 226	#E3EEE2

#9FC59B #AACBA6 #B5D2B2 #C1D9BE #CCE0CA #D7E7D6 #E3EEE2

#9FC59B - #E3EEE2

Mezcla HSV

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

0.0%	0.0% #9FC59B	RGB 159 197 155	#9FC59B
16.7%	16.7% #A9CBA5	RGB 169 203 165	#A9CBA5
33.3%	33.3% #B4D2B1	RGB 180 210 177	#B4D2B1
50.0%	50.0% #BFD9BC	RGB 191 217 188	#BFD9BC
66.7%	66.7% #CAE0C8	RGB 202 224 200	#CAE0C8
83.3%	83.3% #D6E7D5	RGB 214 231 213	#D6E7D5
100.0%	100.0% #E3EEE2	RGB 227 238 226	#E3EEE2

#9FC59B #A9CBA5 #B4D2B1 #BFD9BC #CAE0C8 #D6E7D5 #E3EEE2

#9FC59B - #BFD9BC - #E3EEE2

Códigos CSS

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

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