#C8FF5E - #EFFFD1 | 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 #C8FF5E a #EFFFD1

#C8FF5E #EFFFD1

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

#C8FF5E - #EFFFD1 | 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 #C8FF5E como 0% y #EFFFD1 como 100%.

0.0%	0.0% #C8FF5E	RGB 200 255 94	#C8FF5E
16.7%	16.7% #CEFF71	RGB 206 255 113	#CEFF71
33.3%	33.3% #D5FF84	RGB 213 255 132	#D5FF84
50.0%	50.0% #DBFF97	RGB 219 255 151	#DBFF97
66.7%	66.7% #E2FFAA	RGB 226 255 170	#E2FFAA
83.3%	83.3% #E8FFBD	RGB 232 255 189	#E8FFBD
100.0%	100.0% #EFFFD1	RGB 239 255 209	#EFFFD1

#C8FF5E #CEFF71 #D5FF84 #DBFF97 #E2FFAA #E8FFBD #EFFFD1

#C8FF5E - #EFFFD1

Mezcla HSV

#C8FF5E - #EFFFD1 | 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 #C8FF5E como 0% y #EFFFD1 como 100%.

0.0%	0.0% #C8FF5D	RGB 200 255 93	#C8FF5D
16.7%	16.7% #CEFF71	RGB 206 255 113	#CEFF71
33.3%	33.3% #D4FF84	RGB 212 255 132	#D4FF84
50.0%	50.0% #DBFF97	RGB 219 255 151	#DBFF97
66.7%	66.7% #E1FFAA	RGB 225 255 170	#E1FFAA
83.3%	83.3% #E8FFBD	RGB 232 255 189	#E8FFBD
100.0%	100.0% #EFFFD1	RGB 239 255 209	#EFFFD1

#C8FF5D #CEFF71 #D4FF84 #DBFF97 #E1FFAA #E8FFBD #EFFFD1

#C8FF5E - #DBFF97 - #EFFFD1

Códigos CSS

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

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