#5E848F - #D1DBDF | 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 #5E848F a #D1DBDF

#5E848F #D1DBDF

Calcule el color entre dos colores, #5E848F y #D1DBDF. 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)

#5E848F - #D1DBDF | 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 #5E848F como 0% y #D1DBDF como 100%.

0.0%	0.0% #5E848F	RGB 94 132 143	#5E848F
16.7%	16.7% #71929C	RGB 113 146 156	#71929C
33.3%	33.3% #84A1A9	RGB 132 161 169	#84A1A9
50.0%	50.0% #97AFB7	RGB 151 175 183	#97AFB7
66.7%	66.7% #AABEC4	RGB 170 190 196	#AABEC4
83.3%	83.3% #BDCCD1	RGB 189 204 209	#BDCCD1
100.0%	100.0% #D1DBDF	RGB 209 219 223	#D1DBDF

#5E848F #71929C #84A1A9 #97AFB7 #AABEC4 #BDCCD1 #D1DBDF

#5E848F - #D1DBDF

Mezcla HSV

#5E848F - #D1DBDF | 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 #5E848F como 0% y #D1DBDF como 100%.

0.0%	0.0% #5E848F	RGB 94 132 143	#5E848F
16.7%	16.7% #6E919C	RGB 110 145 156	#6E919C
33.3%	33.3% #7F9FA9	RGB 127 159 169	#7F9FA9
50.0%	50.0% #91ADB7	RGB 145 173 183	#91ADB7
66.7%	66.7% #A5BCC4	RGB 165 188 196	#A5BCC4
83.3%	83.3% #BACBD1	RGB 186 203 209	#BACBD1
100.0%	100.0% #D1DBDF	RGB 209 219 223	#D1DBDF

#5E848F #6E919C #7F9FA9 #91ADB7 #A5BCC4 #BACBD1 #D1DBDF

#5E848F - #91ADB7 - #D1DBDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E848F 0%, #91ADB7 50%, #D1DBDF 100%);
    background: -webkit-linear-gradient(top, #5E848F 0%, #91ADB7 50%, #D1DBDF 100%);
    background: linear-gradient(to bottom, #5E848F 0%, #91ADB7 50%, #D1DBDF 100%);
}
</style>