#BABBCF - #35353B | 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 #BABBCF a #35353B

#BABBCF #35353B

Calcule el color entre dos colores, #BABBCF y #35353B. 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)

#BABBCF - #35353B | 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 #BABBCF como 0% y #35353B como 100%.

0.0%	0.0% #BABBCF	RGB 186 187 207	#BABBCF
16.7%	16.7% #A3A4B6	RGB 163 164 182	#A3A4B6
33.3%	33.3% #8D8E9D	RGB 141 142 157	#8D8E9D
50.0%	50.0% #777885	RGB 119 120 133	#777885
66.7%	66.7% #61616C	RGB 97 97 108	#61616C
83.3%	83.3% #4B4B53	RGB 75 75 83	#4B4B53
100.0%	100.0% #35353B	RGB 53 53 59	#35353B

#BABBCF #A3A4B6 #8D8E9D #777885 #61616C #4B4B53 #35353B

#BABBCF - #35353B

Mezcla HSV

#BABBCF - #35353B | 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 #BABBCF como 0% y #35353B como 100%.

0.0%	0.0% #BABBCF	RGB 186 187 207	#BABBCF
16.7%	16.7% #A3A4B6	RGB 163 164 182	#A3A4B6
33.3%	33.3% #8D8E9D	RGB 141 142 157	#8D8E9D
50.0%	50.0% #777785	RGB 119 119 133	#777785
66.7%	66.7% #61616C	RGB 97 97 108	#61616C
83.3%	83.3% #4B4B53	RGB 75 75 83	#4B4B53
100.0%	100.0% #35353B	RGB 53 53 59	#35353B

#BABBCF #A3A4B6 #8D8E9D #777785 #61616C #4B4B53 #35353B

#BABBCF - #777785 - #35353B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BABBCF 0%, #777785 50%, #35353B 100%);
    background: -webkit-linear-gradient(top, #BABBCF 0%, #777785 50%, #35353B 100%);
    background: linear-gradient(to bottom, #BABBCF 0%, #777785 50%, #35353B 100%);
}
</style>