#C0FF3E - #EDFFC7 | 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 #C0FF3E a #EDFFC7

#C0FF3E #EDFFC7

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

#C0FF3E - #EDFFC7 | 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 #C0FF3E como 0% y #EDFFC7 como 100%.

0.0%	0.0% #C0FF3E	RGB 192 255 62	#C0FF3E
16.7%	16.7% #C7FF54	RGB 199 255 84	#C7FF54
33.3%	33.3% #CFFF6B	RGB 207 255 107	#CFFF6B
50.0%	50.0% #D6FF82	RGB 214 255 130	#D6FF82
66.7%	66.7% #DEFF99	RGB 222 255 153	#DEFF99
83.3%	83.3% #E5FFB0	RGB 229 255 176	#E5FFB0
100.0%	100.0% #EDFFC7	RGB 237 255 199	#EDFFC7

#C0FF3E #C7FF54 #CFFF6B #D6FF82 #DEFF99 #E5FFB0 #EDFFC7

#C0FF3E - #EDFFC7

Mezcla HSV

#C0FF3E - #EDFFC7 | 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 #C0FF3E como 0% y #EDFFC7 como 100%.

0.0%	0.0% #C0FF3D	RGB 192 255 61	#C0FF3D
16.7%	16.7% #C7FF54	RGB 199 255 84	#C7FF54
33.3%	33.3% #CFFF6B	RGB 207 255 107	#CFFF6B
50.0%	50.0% #D6FF82	RGB 214 255 130	#D6FF82
66.7%	66.7% #DEFF99	RGB 222 255 153	#DEFF99
83.3%	83.3% #E5FFB0	RGB 229 255 176	#E5FFB0
100.0%	100.0% #EDFFC7	RGB 237 255 199	#EDFFC7

#C0FF3D #C7FF54 #CFFF6B #D6FF82 #DEFF99 #E5FFB0 #EDFFC7

#C0FF3E - #D6FF82 - #EDFFC7

Códigos CSS

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

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