#0D3E5E - #B9C7D1 | 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 #0D3E5E a #B9C7D1

#0D3E5E #B9C7D1

Calcule el color entre dos colores, #0D3E5E y #B9C7D1. 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)

#0D3E5E - #B9C7D1 | 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 #0D3E5E como 0% y #B9C7D1 como 100%.

0.0%	0.0% #0D3E5E	RGB 13 62 94	#0D3E5E
16.7%	16.7% #295471	RGB 41 84 113	#295471
33.3%	33.3% #466B84	RGB 70 107 132	#466B84
50.0%	50.0% #638297	RGB 99 130 151	#638297
66.7%	66.7% #7F99AA	RGB 127 153 170	#7F99AA
83.3%	83.3% #9CB0BD	RGB 156 176 189	#9CB0BD
100.0%	100.0% #B9C7D1	RGB 185 199 209	#B9C7D1

#0D3E5E #295471 #466B84 #638297 #7F99AA #9CB0BD #B9C7D1

#0D3E5E - #B9C7D1

Mezcla HSV

#0D3E5E - #B9C7D1 | 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 #0D3E5E como 0% y #B9C7D1 como 100%.

0.0%	0.0% #0C3D5E	RGB 12 61 94	#0C3D5E
16.7%	16.7% #1D4F71	RGB 29 79 113	#1D4F71
33.3%	33.3% #336384	RGB 51 99 132	#336384
50.0%	50.0% #4D7997	RGB 77 121 151	#4D7997
66.7%	66.7% #6C91AA	RGB 108 145 170	#6C91AA
83.3%	83.3% #90ABBD	RGB 144 171 189	#90ABBD
100.0%	100.0% #B9C7D1	RGB 185 199 209	#B9C7D1

#0C3D5E #1D4F71 #336384 #4D7997 #6C91AA #90ABBD #B9C7D1

#0D3E5E - #4D7997 - #B9C7D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C3D5E 0%, #4D7997 50%, #B9C7D1 100%);
    background: -webkit-linear-gradient(top, #0C3D5E 0%, #4D7997 50%, #B9C7D1 100%);
    background: linear-gradient(to bottom, #0C3D5E 0%, #4D7997 50%, #B9C7D1 100%);
}
</style>