#2D9797 - #0C2B2B | 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 #2D9797 a #0C2B2B

#2D9797 #0C2B2B

Calcule el color entre dos colores, #2D9797 y #0C2B2B. 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)

#2D9797 - #0C2B2B | 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 #2D9797 como 0% y #0C2B2B como 100%.

0.0%	0.0% #2D9797	RGB 45 151 151	#2D9797
16.7%	16.7% #278585	RGB 39 133 133	#278585
33.3%	33.3% #227373	RGB 34 115 115	#227373
50.0%	50.0% #1C6161	RGB 28 97 97	#1C6161
66.7%	66.7% #174F4F	RGB 23 79 79	#174F4F
83.3%	83.3% #113D3D	RGB 17 61 61	#113D3D
100.0%	100.0% #0C2B2B	RGB 12 43 43	#0C2B2B

#2D9797 #278585 #227373 #1C6161 #174F4F #113D3D #0C2B2B

#2D9797 - #0C2B2B

Mezcla HSV

#2D9797 - #0C2B2B | 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 #2D9797 como 0% y #0C2B2B como 100%.

0.0%	0.0% #2D9797	RGB 45 151 151	#2D9797
16.7%	16.7% #278585	RGB 39 133 133	#278585
33.3%	33.3% #217373	RGB 33 115 115	#217373
50.0%	50.0% #1B6161	RGB 27 97 97	#1B6161
66.7%	66.7% #164F4F	RGB 22 79 79	#164F4F
83.3%	83.3% #113D3D	RGB 17 61 61	#113D3D
100.0%	100.0% #0C2B2B	RGB 12 43 43	#0C2B2B

#2D9797 #278585 #217373 #1B6161 #164F4F #113D3D #0C2B2B

#2D9797 - #1B6161 - #0C2B2B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9797 0%, #1B6161 50%, #0C2B2B 100%);
    background: -webkit-linear-gradient(top, #2D9797 0%, #1B6161 50%, #0C2B2B 100%);
    background: linear-gradient(to bottom, #2D9797 0%, #1B6161 50%, #0C2B2B 100%);
}
</style>