#9C9BA1 - #B5C0E7 | 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 #9C9BA1 a #B5C0E7

#9C9BA1 #B5C0E7

Calcule el color entre dos colores, #9C9BA1 y #B5C0E7. 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)

#9C9BA1 - #B5C0E7 | 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 #9C9BA1 como 0% y #B5C0E7 como 100%.

0.0%	0.0% #9C9BA1	RGB 156 155 161	#9C9BA1
16.7%	16.7% #A0A1AC	RGB 160 161 172	#A0A1AC
33.3%	33.3% #A4A7B8	RGB 164 167 184	#A4A7B8
50.0%	50.0% #A8ADC4	RGB 168 173 196	#A8ADC4
66.7%	66.7% #ACB3CF	RGB 172 179 207	#ACB3CF
83.3%	83.3% #B0B9DB	RGB 176 185 219	#B0B9DB
100.0%	100.0% #B5C0E7	RGB 181 192 231	#B5C0E7

#9C9BA1 #A0A1AC #A4A7B8 #A8ADC4 #ACB3CF #B0B9DB #B5C0E7

#9C9BA1 - #B5C0E7

Mezcla HSV

#9C9BA1 - #B5C0E7 | 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 #9C9BA1 como 0% y #B5C0E7 como 100%.

0.0%	0.0% #9C9BA1	RGB 156 155 161	#9C9BA1
16.7%	16.7% #A2A1AC	RGB 162 161 172	#A2A1AC
33.3%	33.3% #A7A6B8	RGB 167 166 184	#A7A6B8
50.0%	50.0% #ABABC4	RGB 171 171 196	#ABABC4
66.7%	66.7% #AFB2CF	RGB 175 178 207	#AFB2CF
83.3%	83.3% #B2B8DB	RGB 178 184 219	#B2B8DB
100.0%	100.0% #B5C0E7	RGB 181 192 231	#B5C0E7

#9C9BA1 #A2A1AC #A7A6B8 #ABABC4 #AFB2CF #B2B8DB #B5C0E7

#9C9BA1 - #ABABC4 - #B5C0E7

Códigos CSS

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

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