#9FDCDC - #2D3E3E | 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 #9FDCDC a #2D3E3E

#9FDCDC #2D3E3E

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

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

0.0%	0.0% #9FDCDC	RGB 159 220 220	#9FDCDC
16.7%	16.7% #8CC1C1	RGB 140 193 193	#8CC1C1
33.3%	33.3% #79A7A7	RGB 121 167 167	#79A7A7
50.0%	50.0% #668D8D	RGB 102 141 141	#668D8D
66.7%	66.7% #537272	RGB 83 114 114	#537272
83.3%	83.3% #405858	RGB 64 88 88	#405858
100.0%	100.0% #2D3E3E	RGB 45 62 62	#2D3E3E

#9FDCDC #8CC1C1 #79A7A7 #668D8D #537272 #405858 #2D3E3E

#9FDCDC - #2D3E3E

Mezcla HSV

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

0.0%	0.0% #9FDCDC	RGB 159 220 220	#9FDCDC
16.7%	16.7% #8CC1C1	RGB 140 193 193	#8CC1C1
33.3%	33.3% #79A7A7	RGB 121 167 167	#79A7A7
50.0%	50.0% #668D8D	RGB 102 141 141	#668D8D
66.7%	66.7% #537272	RGB 83 114 114	#537272
83.3%	83.3% #405858	RGB 64 88 88	#405858
100.0%	100.0% #2D3E3E	RGB 45 62 62	#2D3E3E

#9FDCDC #8CC1C1 #79A7A7 #668D8D #537272 #405858 #2D3E3E

#9FDCDC - #668D8D - #2D3E3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDCDC 0%, #668D8D 50%, #2D3E3E 100%);
    background: -webkit-linear-gradient(top, #9FDCDC 0%, #668D8D 50%, #2D3E3E 100%);
    background: linear-gradient(to bottom, #9FDCDC 0%, #668D8D 50%, #2D3E3E 100%);
}
</style>