#009CA6 - #002B2F | 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 #009CA6 a #002B2F

#009CA6 #002B2F

Calcule el color entre dos colores, #009CA6 y #002B2F. 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)

#009CA6 - #002B2F | 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 #009CA6 como 0% y #002B2F como 100%.

0.0%	0.0% #009CA6	RGB 0 156 166	#009CA6
16.7%	16.7% #008992	RGB 0 137 146	#008992
33.3%	33.3% #00767E	RGB 0 118 126	#00767E
50.0%	50.0% #00636A	RGB 0 99 106	#00636A
66.7%	66.7% #005056	RGB 0 80 86	#005056
83.3%	83.3% #003D42	RGB 0 61 66	#003D42
100.0%	100.0% #002B2F	RGB 0 43 47	#002B2F

#009CA6 #008992 #00767E #00636A #005056 #003D42 #002B2F

#009CA6 - #002B2F

Mezcla HSV

#009CA6 - #002B2F | 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 #009CA6 como 0% y #002B2F como 100%.

0.0%	0.0% #009CA6	RGB 0 156 166	#009CA6
16.7%	16.7% #008892	RGB 0 136 146	#008892
33.3%	33.3% #00757E	RGB 0 117 126	#00757E
50.0%	50.0% #00626A	RGB 0 98 106	#00626A
66.7%	66.7% #005056	RGB 0 80 86	#005056
83.3%	83.3% #003D42	RGB 0 61 66	#003D42
100.0%	100.0% #002B2F	RGB 0 43 47	#002B2F

#009CA6 #008892 #00757E #00626A #005056 #003D42 #002B2F

#009CA6 - #00626A - #002B2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009CA6 0%, #00626A 50%, #002B2F 100%);
    background: -webkit-linear-gradient(top, #009CA6 0%, #00626A 50%, #002B2F 100%);
    background: linear-gradient(to bottom, #009CA6 0%, #00626A 50%, #002B2F 100%);
}
</style>