#095E5E - #64B489 | 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 #095E5E a #64B489

#095E5E #64B489

Calcule el color entre dos colores, #095E5E y #64B489. 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)

#095E5E - #64B489 | 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 #095E5E como 0% y #64B489 como 100%.

0.0%	0.0% #095E5E	RGB 9 94 94	#095E5E
16.7%	16.7% #186C65	RGB 24 108 101	#186C65
33.3%	33.3% #277A6C	RGB 39 122 108	#277A6C
50.0%	50.0% #368973	RGB 54 137 115	#368973
66.7%	66.7% #45977A	RGB 69 151 122	#45977A
83.3%	83.3% #54A581	RGB 84 165 129	#54A581
100.0%	100.0% #64B489	RGB 100 180 137	#64B489

#095E5E #186C65 #277A6C #368973 #45977A #54A581 #64B489

#095E5E - #64B489

Mezcla HSV

#095E5E - #64B489 | 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 #095E5E como 0% y #64B489 como 100%.

0.0%	0.0% #085E5E	RGB 8 94 94	#085E5E
16.7%	16.7% #126C64	RGB 18 108 100	#126C64
33.3%	33.3% #1E7A6A	RGB 30 122 106	#1E7A6A
50.0%	50.0% #2C8970	RGB 44 137 112	#2C8970
66.7%	66.7% #3C9776	RGB 60 151 118	#3C9776
83.3%	83.3% #4FA57F	RGB 79 165 127	#4FA57F
100.0%	100.0% #64B489	RGB 100 180 137	#64B489

#085E5E #126C64 #1E7A6A #2C8970 #3C9776 #4FA57F #64B489

#095E5E - #2C8970 - #64B489

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #085E5E 0%, #2C8970 50%, #64B489 100%);
    background: -webkit-linear-gradient(top, #085E5E 0%, #2C8970 50%, #64B489 100%);
    background: linear-gradient(to bottom, #085E5E 0%, #2C8970 50%, #64B489 100%);
}
</style>