#C5FF9E - #7AEE4D | 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 #C5FF9E a #7AEE4D

#C5FF9E #7AEE4D

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

#C5FF9E - #7AEE4D | 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 #C5FF9E como 0% y #7AEE4D como 100%.

0.0%	0.0% #C5FF9E	RGB 197 255 158	#C5FF9E
16.7%	16.7% #B8FC90	RGB 184 252 144	#B8FC90
33.3%	33.3% #ACF983	RGB 172 249 131	#ACF983
50.0%	50.0% #9FF675	RGB 159 246 117	#9FF675
66.7%	66.7% #93F368	RGB 147 243 104	#93F368
83.3%	83.3% #86F05A	RGB 134 240 90	#86F05A
100.0%	100.0% #7AEE4D	RGB 122 238 77	#7AEE4D

#C5FF9E #B8FC90 #ACF983 #9FF675 #93F368 #86F05A #7AEE4D

#C5FF9E - #7AEE4D

Mezcla HSV

#C5FF9E - #7AEE4D | 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 #C5FF9E como 0% y #7AEE4D como 100%.

0.0%	0.0% #C5FF9E	RGB 197 255 158	#C5FF9E
16.7%	16.7% #B9FC8F	RGB 185 252 143	#B9FC8F
33.3%	33.3% #ADF981	RGB 173 249 129	#ADF981
50.0%	50.0% #A0F674	RGB 160 246 116	#A0F674
66.7%	66.7% #93F366	RGB 147 243 102	#93F366
83.3%	83.3% #87F059	RGB 135 240 89	#87F059
100.0%	100.0% #7AEE4D	RGB 122 238 77	#7AEE4D

#C5FF9E #B9FC8F #ADF981 #A0F674 #93F366 #87F059 #7AEE4D

#C5FF9E - #A0F674 - #7AEE4D

Códigos CSS

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

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