#BBCBCC - #5E748F | 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 #BBCBCC a #5E748F

#BBCBCC #5E748F

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

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

0.0%	0.0% #BBCBCC	RGB 187 203 204	#BBCBCC
16.7%	16.7% #ABBCC1	RGB 171 188 193	#ABBCC1
33.3%	33.3% #9CAEB7	RGB 156 174 183	#9CAEB7
50.0%	50.0% #8C9FAD	RGB 140 159 173	#8C9FAD
66.7%	66.7% #7D91A3	RGB 125 145 163	#7D91A3
83.3%	83.3% #6D8299	RGB 109 130 153	#6D8299
100.0%	100.0% #5E748F	RGB 94 116 143	#5E748F

#BBCBCC #ABBCC1 #9CAEB7 #8C9FAD #7D91A3 #6D8299 #5E748F

#BBCBCC - #5E748F

Mezcla HSV

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

0.0%	0.0% #BBCBCC	RGB 187 203 204	#BBCBCC
16.7%	16.7% #A9BEC1	RGB 169 190 193	#A9BEC1
33.3%	33.3% #98B0B7	RGB 152 176 183	#98B0B7
50.0%	50.0% #88A2AD	RGB 136 162 173	#88A2AD
66.7%	66.7% #7993A3	RGB 121 147 163	#7993A3
83.3%	83.3% #6B8399	RGB 107 131 153	#6B8399
100.0%	100.0% #5E748F	RGB 94 116 143	#5E748F

#BBCBCC #A9BEC1 #98B0B7 #88A2AD #7993A3 #6B8399 #5E748F

#BBCBCC - #88A2AD - #5E748F

Códigos CSS

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

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