#5D6D8F - #B7B0AC | 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 #5D6D8F a #B7B0AC

#5D6D8F #B7B0AC

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

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

0.0%	0.0% #5D6D8F	RGB 93 109 143	#5D6D8F
16.7%	16.7% #6C7893	RGB 108 120 147	#6C7893
33.3%	33.3% #7B8398	RGB 123 131 152	#7B8398
50.0%	50.0% #8A8E9D	RGB 138 142 157	#8A8E9D
66.7%	66.7% #9999A2	RGB 153 153 162	#9999A2
83.3%	83.3% #A8A4A7	RGB 168 164 167	#A8A4A7
100.0%	100.0% #B7B0AC	RGB 183 176 172	#B7B0AC

#5D6D8F #6C7893 #7B8398 #8A8E9D #9999A2 #A8A4A7 #B7B0AC

#5D6D8F - #B7B0AC

Mezcla HSV

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

0.0%	0.0% #5D6D8F	RGB 93 109 143	#5D6D8F
16.7%	16.7% #6E6895	RGB 110 104 149	#6E6895
33.3%	33.3% #8B749C	RGB 139 116 156	#8B749C
50.0%	50.0% #A381A2	RGB 163 129 162	#A381A2
66.7%	66.7% #A98F9D	RGB 169 143 157	#A98F9D
83.3%	83.3% #B09D9E	RGB 176 157 158	#B09D9E
100.0%	100.0% #B7B0AC	RGB 183 176 172	#B7B0AC

#5D6D8F #6E6895 #8B749C #A381A2 #A98F9D #B09D9E #B7B0AC

#5D6D8F - #A381A2 - #B7B0AC

Códigos CSS

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

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