#226D6D - #00442E | 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 #226D6D a #00442E

#226D6D #00442E

Calcule el color entre dos colores, #226D6D y #00442E. 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)

#226D6D - #00442E | 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 #226D6D como 0% y #00442E como 100%.

0.0%	0.0% #226D6D	RGB 34 109 109	#226D6D
16.7%	16.7% #1C6662	RGB 28 102 98	#1C6662
33.3%	33.3% #165F58	RGB 22 95 88	#165F58
50.0%	50.0% #11584D	RGB 17 88 77	#11584D
66.7%	66.7% #0B5143	RGB 11 81 67	#0B5143
83.3%	83.3% #054A38	RGB 5 74 56	#054A38
100.0%	100.0% #00442E	RGB 0 68 46	#00442E

#226D6D #1C6662 #165F58 #11584D #0B5143 #054A38 #00442E

#226D6D - #00442E

Mezcla HSV

#226D6D - #00442E | 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 #226D6D como 0% y #00442E como 100%.

0.0%	0.0% #226D6D	RGB 34 109 109	#226D6D
16.7%	16.7% #1A6662	RGB 26 102 98	#1A6662
33.3%	33.3% #135F57	RGB 19 95 87	#135F57
50.0%	50.0% #0D584C	RGB 13 88 76	#0D584C
66.7%	66.7% #085141	RGB 8 81 65	#085141
83.3%	83.3% #034A37	RGB 3 74 55	#034A37
100.0%	100.0% #00442E	RGB 0 68 46	#00442E

#226D6D #1A6662 #135F57 #0D584C #085141 #034A37 #00442E

#226D6D - #0D584C - #00442E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #226D6D 0%, #0D584C 50%, #00442E 100%);
    background: -webkit-linear-gradient(top, #226D6D 0%, #0D584C 50%, #00442E 100%);
    background: linear-gradient(to bottom, #226D6D 0%, #0D584C 50%, #00442E 100%);
}
</style>