#00A642 - #C3F7A1 | 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 #00A642 a #C3F7A1

#00A642 #C3F7A1

Calcule el color entre dos colores, #00A642 y #C3F7A1. 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)

#00A642 - #C3F7A1 | 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 #00A642 como 0% y #C3F7A1 como 100%.

0.0%	0.0% #00A642	RGB 0 166 66	#00A642
16.7%	16.7% #20B351	RGB 32 179 81	#20B351
33.3%	33.3% #41C161	RGB 65 193 97	#41C161
50.0%	50.0% #61CE71	RGB 97 206 113	#61CE71
66.7%	66.7% #82DC81	RGB 130 220 129	#82DC81
83.3%	83.3% #A2E991	RGB 162 233 145	#A2E991
100.0%	100.0% #C3F7A1	RGB 195 247 161	#C3F7A1

#00A642 #20B351 #41C161 #61CE71 #82DC81 #A2E991 #C3F7A1

#00A642 - #C3F7A1

Mezcla HSV

#00A642 - #C3F7A1 | 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 #00A642 como 0% y #C3F7A1 como 100%.

0.0%	0.0% #00A641	RGB 0 166 65	#00A641
16.7%	16.7% #13B33D	RGB 19 179 61	#13B33D
33.3%	33.3% #29C13E	RGB 41 193 62	#29C13E
50.0%	50.0% #43CE43	RGB 67 206 67	#43CE43
66.7%	66.7% #6FDC5F	RGB 111 220 95	#6FDC5F
83.3%	83.3% #9AE97E	RGB 154 233 126	#9AE97E
100.0%	100.0% #C3F7A1	RGB 195 247 161	#C3F7A1

#00A641 #13B33D #29C13E #43CE43 #6FDC5F #9AE97E #C3F7A1

#00A642 - #43CE43 - #C3F7A1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A641 0%, #43CE43 50%, #C3F7A1 100%);
    background: -webkit-linear-gradient(top, #00A641 0%, #43CE43 50%, #C3F7A1 100%);
    background: linear-gradient(to bottom, #00A641 0%, #43CE43 50%, #C3F7A1 100%);
}
</style>