#008052 - #9AE185 | 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 #008052 a #9AE185

#008052 #9AE185

Calcule el color entre dos colores, #008052 y #9AE185. 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)

#008052 - #9AE185 | 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 #008052 como 0% y #9AE185 como 100%.

0.0%	0.0% #008052	RGB 0 128 82	#008052
16.7%	16.7% #19905A	RGB 25 144 90	#19905A
33.3%	33.3% #33A063	RGB 51 160 99	#33A063
50.0%	50.0% #4DB06B	RGB 77 176 107	#4DB06B
66.7%	66.7% #66C074	RGB 102 192 116	#66C074
83.3%	83.3% #80D07C	RGB 128 208 124	#80D07C
100.0%	100.0% #9AE185	RGB 154 225 133	#9AE185

#008052 #19905A #33A063 #4DB06B #66C074 #80D07C #9AE185

#008052 - #9AE185

Mezcla HSV

#008052 - #9AE185 | 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 #008052 como 0% y #9AE185 como 100%.

0.0%	0.0% #008051	RGB 0 128 81	#008051
16.7%	16.7% #0E904E	RGB 14 144 78	#0E904E
33.3%	33.3% #1FA04C	RGB 31 160 76	#1FA04C
50.0%	50.0% #34B04D	RGB 52 176 77	#34B04D
66.7%	66.7% #4BC053	RGB 75 192 83	#4BC053
83.3%	83.3% #6FD066	RGB 111 208 102	#6FD066
100.0%	100.0% #9AE185	RGB 154 225 133	#9AE185

#008051 #0E904E #1FA04C #34B04D #4BC053 #6FD066 #9AE185

#008052 - #34B04D - #9AE185

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008051 0%, #34B04D 50%, #9AE185 100%);
    background: -webkit-linear-gradient(top, #008051 0%, #34B04D 50%, #9AE185 100%);
    background: linear-gradient(to bottom, #008051 0%, #34B04D 50%, #9AE185 100%);
}
</style>