#008133 - #B6DBC4 | 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 #008133 a #B6DBC4

#008133 #B6DBC4

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

#008133 - #B6DBC4 | 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 #008133 como 0% y #B6DBC4 como 100%.

0.0%	0.0% #008133	RGB 0 129 51	#008133
16.7%	16.7% #1E904B	RGB 30 144 75	#1E904B
33.3%	33.3% #3C9F63	RGB 60 159 99	#3C9F63
50.0%	50.0% #5BAE7B	RGB 91 174 123	#5BAE7B
66.7%	66.7% #79BD93	RGB 121 189 147	#79BD93
83.3%	83.3% #97CCAB	RGB 151 204 171	#97CCAB
100.0%	100.0% #B6DBC4	RGB 182 219 196	#B6DBC4

#008133 #1E904B #3C9F63 #5BAE7B #79BD93 #97CCAB #B6DBC4

#008133 - #B6DBC4

Mezcla HSV

#008133 - #B6DBC4 | 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 #008133 como 0% y #B6DBC4 como 100%.

0.0%	0.0% #008133	RGB 0 129 51	#008133
16.7%	16.7% #139044	RGB 19 144 68	#139044
33.3%	33.3% #2C9F58	RGB 44 159 88	#2C9F58
50.0%	50.0% #48AE6F	RGB 72 174 111	#48AE6F
66.7%	66.7% #68BD89	RGB 104 189 137	#68BD89
83.3%	83.3% #8DCCA5	RGB 141 204 165	#8DCCA5
100.0%	100.0% #B6DBC4	RGB 182 219 196	#B6DBC4

#008133 #139044 #2C9F58 #48AE6F #68BD89 #8DCCA5 #B6DBC4

#008133 - #48AE6F - #B6DBC4

Códigos CSS

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

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