#015776 - #B6CFD7 | 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 #015776 a #B6CFD7

#015776 #B6CFD7

Calcule el color entre dos colores, #015776 y #B6CFD7. 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)

#015776 - #B6CFD7 | 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 #015776 como 0% y #B6CFD7 como 100%.

0.0%	0.0% #015776	RGB 1 87 118	#015776
16.7%	16.7% #1F6B86	RGB 31 107 134	#1F6B86
33.3%	33.3% #3D7F96	RGB 61 127 150	#3D7F96
50.0%	50.0% #5B93A6	RGB 91 147 166	#5B93A6
66.7%	66.7% #79A7B6	RGB 121 167 182	#79A7B6
83.3%	83.3% #97BBC6	RGB 151 187 198	#97BBC6
100.0%	100.0% #B6CFD7	RGB 182 207 215	#B6CFD7

#015776 #1F6B86 #3D7F96 #5B93A6 #79A7B6 #97BBC6 #B6CFD7

#015776 - #B6CFD7

Mezcla HSV

#015776 - #B6CFD7 | 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 #015776 como 0% y #B6CFD7 como 100%.

0.0%	0.0% #015776	RGB 1 87 118	#015776
16.7%	16.7% #136886	RGB 19 104 134	#136886
33.3%	33.3% #2B7A96	RGB 43 122 150	#2B7A96
50.0%	50.0% #478EA6	RGB 71 142 166	#478EA6
66.7%	66.7% #67A2B6	RGB 103 162 182	#67A2B6
83.3%	83.3% #8CB8C6	RGB 140 184 198	#8CB8C6
100.0%	100.0% #B6CFD7	RGB 182 207 215	#B6CFD7

#015776 #136886 #2B7A96 #478EA6 #67A2B6 #8CB8C6 #B6CFD7

#015776 - #478EA6 - #B6CFD7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #015776 0%, #478EA6 50%, #B6CFD7 100%);
    background: -webkit-linear-gradient(top, #015776 0%, #478EA6 50%, #B6CFD7 100%);
    background: linear-gradient(to bottom, #015776 0%, #478EA6 50%, #B6CFD7 100%);
}
</style>