#00AF5E - #007A30 | 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 #00AF5E a #007A30

#00AF5E #007A30

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

#00AF5E - #007A30 | 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 #00AF5E como 0% y #007A30 como 100%.

0.0%	0.0% #00AF5E	RGB 0 175 94	#00AF5E
16.7%	16.7% #00A656	RGB 0 166 86	#00A656
33.3%	33.3% #009D4E	RGB 0 157 78	#009D4E
50.0%	50.0% #009447	RGB 0 148 71	#009447
66.7%	66.7% #008B3F	RGB 0 139 63	#008B3F
83.3%	83.3% #008237	RGB 0 130 55	#008237
100.0%	100.0% #007A30	RGB 0 122 48	#007A30

#00AF5E #00A656 #009D4E #009447 #008B3F #008237 #007A30

#00AF5E - #007A30

Mezcla HSV

#00AF5E - #007A30 | 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 #00AF5E como 0% y #007A30 como 100%.

0.0%	0.0% #00AF5D	RGB 0 175 93	#00AF5D
16.7%	16.7% #00A655	RGB 0 166 85	#00A655
33.3%	33.3% #009D4C	RGB 0 157 76	#009D4C
50.0%	50.0% #009445	RGB 0 148 69	#009445
66.7%	66.7% #008B3D	RGB 0 139 61	#008B3D
83.3%	83.3% #008236	RGB 0 130 54	#008236
100.0%	100.0% #007A30	RGB 0 122 48	#007A30

#00AF5D #00A655 #009D4C #009445 #008B3D #008236 #007A30

#00AF5E - #009445 - #007A30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF5D 0%, #009445 50%, #007A30 100%);
    background: -webkit-linear-gradient(top, #00AF5D 0%, #009445 50%, #007A30 100%);
    background: linear-gradient(to bottom, #00AF5D 0%, #009445 50%, #007A30 100%);
}
</style>