#EFFFCF - #B5E87C | 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 #EFFFCF a #B5E87C

#EFFFCF #B5E87C

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

#EFFFCF - #B5E87C | 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 #EFFFCF como 0% y #B5E87C como 100%.

0.0%	0.0% #EFFFCF	RGB 239 255 207	#EFFFCF
16.7%	16.7% #E5FBC1	RGB 229 251 193	#E5FBC1
33.3%	33.3% #DBF7B3	RGB 219 247 179	#DBF7B3
50.0%	50.0% #D2F3A5	RGB 210 243 165	#D2F3A5
66.7%	66.7% #C8EF97	RGB 200 239 151	#C8EF97
83.3%	83.3% #BEEB89	RGB 190 235 137	#BEEB89
100.0%	100.0% #B5E87C	RGB 181 232 124	#B5E87C

#EFFFCF #E5FBC1 #DBF7B3 #D2F3A5 #C8EF97 #BEEB89 #B5E87C

#EFFFCF - #B5E87C

Mezcla HSV

#EFFFCF - #B5E87C | 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 #EFFFCF como 0% y #B5E87C como 100%.

0.0%	0.0% #EFFFCF	RGB 239 255 207	#EFFFCF
16.7%	16.7% #E6FBC0	RGB 230 251 192	#E6FBC0
33.3%	33.3% #DCF7B1	RGB 220 247 177	#DCF7B1
50.0%	50.0% #D3F3A3	RGB 211 243 163	#D3F3A3
66.7%	66.7% #C9EF96	RGB 201 239 150	#C9EF96
83.3%	83.3% #BFEB88	RGB 191 235 136	#BFEB88
100.0%	100.0% #B5E87C	RGB 181 232 124	#B5E87C

#EFFFCF #E6FBC0 #DCF7B1 #D3F3A3 #C9EF96 #BFEB88 #B5E87C

#EFFFCF - #D3F3A3 - #B5E87C

Códigos CSS

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

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