#9FD1D9 - #2D3C3E | 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 #9FD1D9 a #2D3C3E

#9FD1D9 #2D3C3E

Calcule el color entre dos colores, #9FD1D9 y #2D3C3E. 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)

#9FD1D9 - #2D3C3E | 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 #9FD1D9 como 0% y #2D3C3E como 100%.

0.0%	0.0% #9FD1D9	RGB 159 209 217	#9FD1D9
16.7%	16.7% #8CB8BF	RGB 140 184 191	#8CB8BF
33.3%	33.3% #799FA5	RGB 121 159 165	#799FA5
50.0%	50.0% #66868B	RGB 102 134 139	#66868B
66.7%	66.7% #536D71	RGB 83 109 113	#536D71
83.3%	83.3% #405457	RGB 64 84 87	#405457
100.0%	100.0% #2D3C3E	RGB 45 60 62	#2D3C3E

#9FD1D9 #8CB8BF #799FA5 #66868B #536D71 #405457 #2D3C3E

#9FD1D9 - #2D3C3E

Mezcla HSV

#9FD1D9 - #2D3C3E | 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 #9FD1D9 como 0% y #2D3C3E como 100%.

0.0%	0.0% #9FD1D9	RGB 159 209 217	#9FD1D9
16.7%	16.7% #8BB8BF	RGB 139 184 191	#8BB8BF
33.3%	33.3% #789FA5	RGB 120 159 165	#789FA5
50.0%	50.0% #65868B	RGB 101 134 139	#65868B
66.7%	66.7% #526D71	RGB 82 109 113	#526D71
83.3%	83.3% #3F5457	RGB 63 84 87	#3F5457
100.0%	100.0% #2D3C3E	RGB 45 60 62	#2D3C3E

#9FD1D9 #8BB8BF #789FA5 #65868B #526D71 #3F5457 #2D3C3E

#9FD1D9 - #65868B - #2D3C3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FD1D9 0%, #65868B 50%, #2D3C3E 100%);
    background: -webkit-linear-gradient(top, #9FD1D9 0%, #65868B 50%, #2D3C3E 100%);
    background: linear-gradient(to bottom, #9FD1D9 0%, #65868B 50%, #2D3C3E 100%);
}
</style>