#BBCDCC - #5E7590 | 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 #BBCDCC a #5E7590

#BBCDCC #5E7590

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

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

0.0%	0.0% #BBCDCC	RGB 187 205 204	#BBCDCC
16.7%	16.7% #ABBEC2	RGB 171 190 194	#ABBEC2
33.3%	33.3% #9CAFB8	RGB 156 175 184	#9CAFB8
50.0%	50.0% #8CA1AE	RGB 140 161 174	#8CA1AE
66.7%	66.7% #7D92A4	RGB 125 146 164	#7D92A4
83.3%	83.3% #6D839A	RGB 109 131 154	#6D839A
100.0%	100.0% #5E7590	RGB 94 117 144	#5E7590

#BBCDCC #ABBEC2 #9CAFB8 #8CA1AE #7D92A4 #6D839A #5E7590

#BBCDCC - #5E7590

Mezcla HSV

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

0.0%	0.0% #BBCDCC	RGB 187 205 204	#BBCDCC
16.7%	16.7% #A9C1C2	RGB 169 193 194	#A9C1C2
33.3%	33.3% #98B4B8	RGB 152 180 184	#98B4B8
50.0%	50.0% #88A5AE	RGB 136 165 174	#88A5AE
66.7%	66.7% #7995A4	RGB 121 149 164	#7995A4
83.3%	83.3% #6B859A	RGB 107 133 154	#6B859A
100.0%	100.0% #5E7590	RGB 94 117 144	#5E7590

#BBCDCC #A9C1C2 #98B4B8 #88A5AE #7995A4 #6B859A #5E7590

#BBCDCC - #88A5AE - #5E7590

Códigos CSS

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

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