#BBC5CC - #5E638F | 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 #BBC5CC a #5E638F

#BBC5CC #5E638F

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

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

0.0%	0.0% #BBC5CC	RGB 187 197 204	#BBC5CC
16.7%	16.7% #ABB4C1	RGB 171 180 193	#ABB4C1
33.3%	33.3% #9CA4B7	RGB 156 164 183	#9CA4B7
50.0%	50.0% #8C94AD	RGB 140 148 173	#8C94AD
66.7%	66.7% #7D83A3	RGB 125 131 163	#7D83A3
83.3%	83.3% #6D7399	RGB 109 115 153	#6D7399
100.0%	100.0% #5E638F	RGB 94 99 143	#5E638F

#BBC5CC #ABB4C1 #9CA4B7 #8C94AD #7D83A3 #6D7399 #5E638F

#BBC5CC - #5E638F

Mezcla HSV

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

0.0%	0.0% #BBC5CC	RGB 187 197 204	#BBC5CC
16.7%	16.7% #A9B5C1	RGB 169 181 193	#A9B5C1
33.3%	33.3% #98A5B7	RGB 152 165 183	#98A5B7
50.0%	50.0% #8895AD	RGB 136 149 173	#8895AD
66.7%	66.7% #7984A3	RGB 121 132 163	#7984A3
83.3%	83.3% #6B7399	RGB 107 115 153	#6B7399
100.0%	100.0% #5E638F	RGB 94 99 143	#5E638F

#BBC5CC #A9B5C1 #98A5B7 #8895AD #7984A3 #6B7399 #5E638F

#BBC5CC - #8895AD - #5E638F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC5CC 0%, #8895AD 50%, #5E638F 100%);
    background: -webkit-linear-gradient(top, #BBC5CC 0%, #8895AD 50%, #5E638F 100%);
    background: linear-gradient(to bottom, #BBC5CC 0%, #8895AD 50%, #5E638F 100%);
}
</style>