#BDFF5E - #ECFFD1 | 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 #BDFF5E a #ECFFD1

#BDFF5E #ECFFD1

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

#BDFF5E - #ECFFD1 | 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 #BDFF5E como 0% y #ECFFD1 como 100%.

0.0%	0.0% #BDFF5E	RGB 189 255 94	#BDFF5E
16.7%	16.7% #C4FF71	RGB 196 255 113	#C4FF71
33.3%	33.3% #CCFF84	RGB 204 255 132	#CCFF84
50.0%	50.0% #D4FF97	RGB 212 255 151	#D4FF97
66.7%	66.7% #DCFFAA	RGB 220 255 170	#DCFFAA
83.3%	83.3% #E4FFBD	RGB 228 255 189	#E4FFBD
100.0%	100.0% #ECFFD1	RGB 236 255 209	#ECFFD1

#BDFF5E #C4FF71 #CCFF84 #D4FF97 #DCFFAA #E4FFBD #ECFFD1

#BDFF5E - #ECFFD1

Mezcla HSV

#BDFF5E - #ECFFD1 | 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 #BDFF5E como 0% y #ECFFD1 como 100%.

0.0%	0.0% #BDFF5D	RGB 189 255 93	#BDFF5D
16.7%	16.7% #C4FF71	RGB 196 255 113	#C4FF71
33.3%	33.3% #CCFF84	RGB 204 255 132	#CCFF84
50.0%	50.0% #D4FF97	RGB 212 255 151	#D4FF97
66.7%	66.7% #DCFFAA	RGB 220 255 170	#DCFFAA
83.3%	83.3% #E4FFBD	RGB 228 255 189	#E4FFBD
100.0%	100.0% #ECFFD1	RGB 236 255 209	#ECFFD1

#BDFF5D #C4FF71 #CCFF84 #D4FF97 #DCFFAA #E4FFBD #ECFFD1

#BDFF5E - #D4FF97 - #ECFFD1

Códigos CSS

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

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