#009FD3 - #002D3C | 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 #009FD3 a #002D3C

#009FD3 #002D3C

Calcule el color entre dos colores, #009FD3 y #002D3C. 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)

#009FD3 - #002D3C | 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 #009FD3 como 0% y #002D3C como 100%.

0.0%	0.0% #009FD3	RGB 0 159 211	#009FD3
16.7%	16.7% #008CB9	RGB 0 140 185	#008CB9
33.3%	33.3% #0079A0	RGB 0 121 160	#0079A0
50.0%	50.0% #006687	RGB 0 102 135	#006687
66.7%	66.7% #00536E	RGB 0 83 110	#00536E
83.3%	83.3% #004055	RGB 0 64 85	#004055
100.0%	100.0% #002D3C	RGB 0 45 60	#002D3C

#009FD3 #008CB9 #0079A0 #006687 #00536E #004055 #002D3C

#009FD3 - #002D3C

Mezcla HSV

#009FD3 - #002D3C | 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 #009FD3 como 0% y #002D3C como 100%.

0.0%	0.0% #009ED3	RGB 0 158 211	#009ED3
16.7%	16.7% #008BB9	RGB 0 139 185	#008BB9
33.3%	33.3% #0078A0	RGB 0 120 160	#0078A0
50.0%	50.0% #006587	RGB 0 101 135	#006587
66.7%	66.7% #00526E	RGB 0 82 110	#00526E
83.3%	83.3% #003F55	RGB 0 63 85	#003F55
100.0%	100.0% #002D3C	RGB 0 45 60	#002D3C

#009ED3 #008BB9 #0078A0 #006587 #00526E #003F55 #002D3C

#009FD3 - #006587 - #002D3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009ED3 0%, #006587 50%, #002D3C 100%);
    background: -webkit-linear-gradient(top, #009ED3 0%, #006587 50%, #002D3C 100%);
    background: linear-gradient(to bottom, #009ED3 0%, #006587 50%, #002D3C 100%);
}
</style>