#31B39D - #008061 | 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 #31B39D a #008061

#31B39D #008061

Calcule el color entre dos colores, #31B39D y #008061. 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)

#31B39D - #008061 | 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 #31B39D como 0% y #008061 como 100%.

0.0%	0.0% #31B39D	RGB 49 179 157	#31B39D
16.7%	16.7% #28AA93	RGB 40 170 147	#28AA93
33.3%	33.3% #20A289	RGB 32 162 137	#20A289
50.0%	50.0% #18997F	RGB 24 153 127	#18997F
66.7%	66.7% #109175	RGB 16 145 117	#109175
83.3%	83.3% #08886B	RGB 8 136 107	#08886B
100.0%	100.0% #008061	RGB 0 128 97	#008061

#31B39D #28AA93 #20A289 #18997F #109175 #08886B #008061

#31B39D - #008061

Mezcla HSV

#31B39D - #008061 | 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 #31B39D como 0% y #008061 como 100%.

0.0%	0.0% #31B39D	RGB 49 179 157	#31B39D
16.7%	16.7% #26AA92	RGB 38 170 146	#26AA92
33.3%	33.3% #1DA288	RGB 29 162 136	#1DA288
50.0%	50.0% #15997E	RGB 21 153 126	#15997E
66.7%	66.7% #0D9174	RGB 13 145 116	#0D9174
83.3%	83.3% #06886A	RGB 6 136 106	#06886A
100.0%	100.0% #008061	RGB 0 128 97	#008061

#31B39D #26AA92 #1DA288 #15997E #0D9174 #06886A #008061

#31B39D - #15997E - #008061

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31B39D 0%, #15997E 50%, #008061 100%);
    background: -webkit-linear-gradient(top, #31B39D 0%, #15997E 50%, #008061 100%);
    background: linear-gradient(to bottom, #31B39D 0%, #15997E 50%, #008061 100%);
}
</style>