#9FDADE - #2D3E3F | 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 #9FDADE a #2D3E3F

#9FDADE #2D3E3F

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

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

0.0%	0.0% #9FDADE	RGB 159 218 222	#9FDADE
16.7%	16.7% #8CC0C3	RGB 140 192 195	#8CC0C3
33.3%	33.3% #79A6A9	RGB 121 166 169	#79A6A9
50.0%	50.0% #668C8E	RGB 102 140 142	#668C8E
66.7%	66.7% #537274	RGB 83 114 116	#537274
83.3%	83.3% #405859	RGB 64 88 89	#405859
100.0%	100.0% #2D3E3F	RGB 45 62 63	#2D3E3F

#9FDADE #8CC0C3 #79A6A9 #668C8E #537274 #405859 #2D3E3F

#9FDADE - #2D3E3F

Mezcla HSV

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

0.0%	0.0% #9FDADE	RGB 159 218 222	#9FDADE
16.7%	16.7% #8BC0C3	RGB 139 192 195	#8BC0C3
33.3%	33.3% #78A6A9	RGB 120 166 169	#78A6A9
50.0%	50.0% #658C8E	RGB 101 140 142	#658C8E
66.7%	66.7% #527274	RGB 82 114 116	#527274
83.3%	83.3% #3F5859	RGB 63 88 89	#3F5859
100.0%	100.0% #2D3E3F	RGB 45 62 63	#2D3E3F

#9FDADE #8BC0C3 #78A6A9 #658C8E #527274 #3F5859 #2D3E3F

#9FDADE - #658C8E - #2D3E3F

Códigos CSS

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

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