#224747 - #608E6A | 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 #224747 a #608E6A

#224747 #608E6A

Calcule el color entre dos colores, #224747 y #608E6A. 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)

#224747 - #608E6A | 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 #224747 como 0% y #608E6A como 100%.

0.0%	0.0% #224747	RGB 34 71 71	#224747
16.7%	16.7% #2C524C	RGB 44 82 76	#2C524C
33.3%	33.3% #365E52	RGB 54 94 82	#365E52
50.0%	50.0% #416A58	RGB 65 106 88	#416A58
66.7%	66.7% #4B765E	RGB 75 118 94	#4B765E
83.3%	83.3% #558264	RGB 85 130 100	#558264
100.0%	100.0% #608E6A	RGB 96 142 106	#608E6A

#224747 #2C524C #365E52 #416A58 #4B765E #558264 #608E6A

#224747 - #608E6A

Mezcla HSV

#224747 - #608E6A | 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 #224747 como 0% y #608E6A como 100%.

0.0%	0.0% #224747	RGB 34 71 71	#224747
16.7%	16.7% #2A524D	RGB 42 82 77	#2A524D
33.3%	33.3% #335E53	RGB 51 94 83	#335E53
50.0%	50.0% #3D6A58	RGB 61 106 88	#3D6A58
66.7%	66.7% #48765E	RGB 72 118 94	#48765E
83.3%	83.3% #538263	RGB 83 130 99	#538263
100.0%	100.0% #608E6A	RGB 96 142 106	#608E6A

#224747 #2A524D #335E53 #3D6A58 #48765E #538263 #608E6A

#224747 - #3D6A58 - #608E6A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #224747 0%, #3D6A58 50%, #608E6A 100%);
    background: -webkit-linear-gradient(top, #224747 0%, #3D6A58 50%, #608E6A 100%);
    background: linear-gradient(to bottom, #224747 0%, #3D6A58 50%, #608E6A 100%);
}
</style>