#00A657 - #007628 | 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 #00A657 a #007628

#00A657 #007628

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

#00A657 - #007628 | 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 #00A657 como 0% y #007628 como 100%.

0.0%	0.0% #00A657	RGB 0 166 87	#00A657
16.7%	16.7% #009E4F	RGB 0 158 79	#009E4F
33.3%	33.3% #009647	RGB 0 150 71	#009647
50.0%	50.0% #008E3F	RGB 0 142 63	#008E3F
66.7%	66.7% #008637	RGB 0 134 55	#008637
83.3%	83.3% #007E2F	RGB 0 126 47	#007E2F
100.0%	100.0% #007628	RGB 0 118 40	#007628

#00A657 #009E4F #009647 #008E3F #008637 #007E2F #007628

#00A657 - #007628

Mezcla HSV

#00A657 - #007628 | 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 #00A657 como 0% y #007628 como 100%.

0.0%	0.0% #00A657	RGB 0 166 87	#00A657
16.7%	16.7% #009E4D	RGB 0 158 77	#009E4D
33.3%	33.3% #009645	RGB 0 150 69	#009645
50.0%	50.0% #008E3D	RGB 0 142 61	#008E3D
66.7%	66.7% #008635	RGB 0 134 53	#008635
83.3%	83.3% #007E2E	RGB 0 126 46	#007E2E
100.0%	100.0% #007628	RGB 0 118 40	#007628

#00A657 #009E4D #009645 #008E3D #008635 #007E2E #007628

#00A657 - #008E3D - #007628

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A657 0%, #008E3D 50%, #007628 100%);
    background: -webkit-linear-gradient(top, #00A657 0%, #008E3D 50%, #007628 100%);
    background: linear-gradient(to bottom, #00A657 0%, #008E3D 50%, #007628 100%);
}
</style>