#9FD3E4 - #2D3C41 | 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 #9FD3E4 a #2D3C41

#9FD3E4 #2D3C41

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

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

0.0%	0.0% #9FD3E4	RGB 159 211 228	#9FD3E4
16.7%	16.7% #8CB9C8	RGB 140 185 200	#8CB9C8
33.3%	33.3% #79A0AD	RGB 121 160 173	#79A0AD
50.0%	50.0% #668792	RGB 102 135 146	#668792
66.7%	66.7% #536E77	RGB 83 110 119	#536E77
83.3%	83.3% #40555C	RGB 64 85 92	#40555C
100.0%	100.0% #2D3C41	RGB 45 60 65	#2D3C41

#9FD3E4 #8CB9C8 #79A0AD #668792 #536E77 #40555C #2D3C41

#9FD3E4 - #2D3C41

Mezcla HSV

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

0.0%	0.0% #9FD3E4	RGB 159 211 228	#9FD3E4
16.7%	16.7% #8BB9C8	RGB 139 185 200	#8BB9C8
33.3%	33.3% #78A0AD	RGB 120 160 173	#78A0AD
50.0%	50.0% #658792	RGB 101 135 146	#658792
66.7%	66.7% #526E77	RGB 82 110 119	#526E77
83.3%	83.3% #3F555C	RGB 63 85 92	#3F555C
100.0%	100.0% #2D3C41	RGB 45 60 65	#2D3C41

#9FD3E4 #8BB9C8 #78A0AD #658792 #526E77 #3F555C #2D3C41

#9FD3E4 - #658792 - #2D3C41

Códigos CSS

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

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