#00A0D3 - #095787 | 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 #00A0D3 a #095787

#00A0D3 #095787

Calcule el color entre dos colores, #00A0D3 y #095787. 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)

#00A0D3 - #095787 | 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 #00A0D3 como 0% y #095787 como 100%.

0.0%	0.0% #00A0D3	RGB 0 160 211	#00A0D3
16.7%	16.7% #0193C6	RGB 1 147 198	#0193C6
33.3%	33.3% #0387B9	RGB 3 135 185	#0387B9
50.0%	50.0% #047BAD	RGB 4 123 173	#047BAD
66.7%	66.7% #066FA0	RGB 6 111 160	#066FA0
83.3%	83.3% #076393	RGB 7 99 147	#076393
100.0%	100.0% #095787	RGB 9 87 135	#095787

#00A0D3 #0193C6 #0387B9 #047BAD #066FA0 #076393 #095787

#00A0D3 - #095787

Mezcla HSV

#00A0D3 - #095787 | 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 #00A0D3 como 0% y #095787 como 100%.

0.0%	0.0% #009FD3	RGB 0 159 211	#009FD3
16.7%	16.7% #0292C6	RGB 2 146 198	#0292C6
33.3%	33.3% #0485B9	RGB 4 133 185	#0485B9
50.0%	50.0% #0578AD	RGB 5 120 173	#0578AD
66.7%	66.7% #076DA0	RGB 7 109 160	#076DA0
83.3%	83.3% #086193	RGB 8 97 147	#086193
100.0%	100.0% #095787	RGB 9 87 135	#095787

#009FD3 #0292C6 #0485B9 #0578AD #076DA0 #086193 #095787

#00A0D3 - #0578AD - #095787

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009FD3 0%, #0578AD 50%, #095787 100%);
    background: -webkit-linear-gradient(top, #009FD3 0%, #0578AD 50%, #095787 100%);
    background: linear-gradient(to bottom, #009FD3 0%, #0578AD 50%, #095787 100%);
}
</style>