#00A175 - #00673B | 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 #00A175 a #00673B

#00A175 #00673B

Calcule el color entre dos colores, #00A175 y #00673B. 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)

#00A175 - #00673B | 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 #00A175 como 0% y #00673B como 100%.

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #00976B	RGB 0 151 107	#00976B
33.3%	33.3% #008D61	RGB 0 141 97	#008D61
50.0%	50.0% #008458	RGB 0 132 88	#008458
66.7%	66.7% #007A4E	RGB 0 122 78	#007A4E
83.3%	83.3% #007044	RGB 0 112 68	#007044
100.0%	100.0% #00673B	RGB 0 103 59	#00673B

#00A175 #00976B #008D61 #008458 #007A4E #007044 #00673B

#00A175 - #00673B

Mezcla HSV

#00A175 - #00673B | 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 #00A175 como 0% y #00673B como 100%.

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #00976A	RGB 0 151 106	#00976A
33.3%	33.3% #008D5F	RGB 0 141 95	#008D5F
50.0%	50.0% #008455	RGB 0 132 85	#008455
66.7%	66.7% #007A4C	RGB 0 122 76	#007A4C
83.3%	83.3% #007043	RGB 0 112 67	#007043
100.0%	100.0% #00673B	RGB 0 103 59	#00673B

#00A175 #00976A #008D5F #008455 #007A4C #007043 #00673B

#00A175 - #008455 - #00673B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A175 0%, #008455 50%, #00673B 100%);
    background: -webkit-linear-gradient(top, #00A175 0%, #008455 50%, #00673B 100%);
    background: linear-gradient(to bottom, #00A175 0%, #008455 50%, #00673B 100%);
}
</style>