#006F6F - #01452B | 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 #006F6F a #01452B

#006F6F #01452B

Calcule el color entre dos colores, #006F6F y #01452B. 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)

#006F6F - #01452B | 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 #006F6F como 0% y #01452B como 100%.

0.0%	0.0% #006F6F	RGB 0 111 111	#006F6F
16.7%	16.7% #006863	RGB 0 104 99	#006863
33.3%	33.3% #006158	RGB 0 97 88	#006158
50.0%	50.0% #005A4D	RGB 0 90 77	#005A4D
66.7%	66.7% #005341	RGB 0 83 65	#005341
83.3%	83.3% #004C36	RGB 0 76 54	#004C36
100.0%	100.0% #01452B	RGB 1 69 43	#01452B

#006F6F #006863 #006158 #005A4D #005341 #004C36 #01452B

#006F6F - #01452B

Mezcla HSV

#006F6F - #01452B | 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 #006F6F como 0% y #01452B como 100%.

0.0%	0.0% #006F6F	RGB 0 111 111	#006F6F
16.7%	16.7% #006861	RGB 0 104 97	#006861
33.3%	33.3% #006154	RGB 0 97 84	#006154
50.0%	50.0% #005A48	RGB 0 90 72	#005A48
66.7%	66.7% #00533E	RGB 0 83 62	#00533E
83.3%	83.3% #004C34	RGB 0 76 52	#004C34
100.0%	100.0% #01452B	RGB 1 69 43	#01452B

#006F6F #006861 #006154 #005A48 #00533E #004C34 #01452B

#006F6F - #005A48 - #01452B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006F6F 0%, #005A48 50%, #01452B 100%);
    background: -webkit-linear-gradient(top, #006F6F 0%, #005A48 50%, #01452B 100%);
    background: linear-gradient(to bottom, #006F6F 0%, #005A48 50%, #01452B 100%);
}
</style>