#5E6A8F - #B5ADAC | 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 #5E6A8F a #B5ADAC

#5E6A8F #B5ADAC

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

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

0.0%	0.0% #5E6A8F	RGB 94 106 143	#5E6A8F
16.7%	16.7% #6C7593	RGB 108 117 147	#6C7593
33.3%	33.3% #7B8098	RGB 123 128 152	#7B8098
50.0%	50.0% #898B9D	RGB 137 139 157	#898B9D
66.7%	66.7% #9896A2	RGB 152 150 162	#9896A2
83.3%	83.3% #A6A1A7	RGB 166 161 167	#A6A1A7
100.0%	100.0% #B5ADAC	RGB 181 173 172	#B5ADAC

#5E6A8F #6C7593 #7B8098 #898B9D #9896A2 #A6A1A7 #B5ADAC

#5E6A8F - #B5ADAC

Mezcla HSV

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

0.0%	0.0% #5E6A8F	RGB 94 106 143	#5E6A8F
16.7%	16.7% #6F6995	RGB 111 105 149	#6F6995
33.3%	33.3% #8A759B	RGB 138 117 155	#8A759B
50.0%	50.0% #9F82A2	RGB 159 130 162	#9F82A2
66.7%	66.7% #A88FA0	RGB 168 143 160	#A88FA0
83.3%	83.3% #AE9DA2	RGB 174 157 162	#AE9DA2
100.0%	100.0% #B5ADAC	RGB 181 173 172	#B5ADAC

#5E6A8F #6F6995 #8A759B #9F82A2 #A88FA0 #AE9DA2 #B5ADAC

#5E6A8F - #9F82A2 - #B5ADAC

Códigos CSS

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

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