#42C77D - #C9EFD9 | 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 #42C77D a #C9EFD9

#42C77D #C9EFD9

Calcule el color entre dos colores, #42C77D y #C9EFD9. 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)

#42C77D - #C9EFD9 | 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 #42C77D como 0% y #C9EFD9 como 100%.

0.0%	0.0% #42C77D	RGB 66 199 125	#42C77D
16.7%	16.7% #58CD8C	RGB 88 205 140	#58CD8C
33.3%	33.3% #6FD49B	RGB 111 212 155	#6FD49B
50.0%	50.0% #85DBAB	RGB 133 219 171	#85DBAB
66.7%	66.7% #9CE1BA	RGB 156 225 186	#9CE1BA
83.3%	83.3% #B2E8C9	RGB 178 232 201	#B2E8C9
100.0%	100.0% #C9EFD9	RGB 201 239 217	#C9EFD9

#42C77D #58CD8C #6FD49B #85DBAB #9CE1BA #B2E8C9 #C9EFD9

#42C77D - #C9EFD9

Mezcla HSV

#42C77D - #C9EFD9 | 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 #42C77D como 0% y #C9EFD9 como 100%.

0.0%	0.0% #42C77D	RGB 66 199 125	#42C77D
16.7%	16.7% #55CD8A	RGB 85 205 138	#55CD8A
33.3%	33.3% #6AD498	RGB 106 212 152	#6AD498
50.0%	50.0% #80DBA7	RGB 128 219 167	#80DBA7
66.7%	66.7% #97E1B7	RGB 151 225 183	#97E1B7
83.3%	83.3% #AFE8C7	RGB 175 232 199	#AFE8C7
100.0%	100.0% #C9EFD9	RGB 201 239 217	#C9EFD9

#42C77D #55CD8A #6AD498 #80DBA7 #97E1B7 #AFE8C7 #C9EFD9

#42C77D - #80DBA7 - #C9EFD9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42C77D 0%, #80DBA7 50%, #C9EFD9 100%);
    background: -webkit-linear-gradient(top, #42C77D 0%, #80DBA7 50%, #C9EFD9 100%);
    background: linear-gradient(to bottom, #42C77D 0%, #80DBA7 50%, #C9EFD9 100%);
}
</style>