#BBC8CC - #5E698F | 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 #BBC8CC a #5E698F

#BBC8CC #5E698F

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

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

0.0%	0.0% #BBC8CC	RGB 187 200 204	#BBC8CC
16.7%	16.7% #ABB8C1	RGB 171 184 193	#ABB8C1
33.3%	33.3% #9CA8B7	RGB 156 168 183	#9CA8B7
50.0%	50.0% #8C98AD	RGB 140 152 173	#8C98AD
66.7%	66.7% #7D88A3	RGB 125 136 163	#7D88A3
83.3%	83.3% #6D7899	RGB 109 120 153	#6D7899
100.0%	100.0% #5E698F	RGB 94 105 143	#5E698F

#BBC8CC #ABB8C1 #9CA8B7 #8C98AD #7D88A3 #6D7899 #5E698F

#BBC8CC - #5E698F

Mezcla HSV

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

0.0%	0.0% #BBC8CC	RGB 187 200 204	#BBC8CC
16.7%	16.7% #A9B9C1	RGB 169 185 193	#A9B9C1
33.3%	33.3% #98AAB7	RGB 152 170 183	#98AAB7
50.0%	50.0% #889AAD	RGB 136 154 173	#889AAD
66.7%	66.7% #798AA3	RGB 121 138 163	#798AA3
83.3%	83.3% #6B7999	RGB 107 121 153	#6B7999
100.0%	100.0% #5E698F	RGB 94 105 143	#5E698F

#BBC8CC #A9B9C1 #98AAB7 #889AAD #798AA3 #6B7999 #5E698F

#BBC8CC - #889AAD - #5E698F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC8CC 0%, #889AAD 50%, #5E698F 100%);
    background: -webkit-linear-gradient(top, #BBC8CC 0%, #889AAD 50%, #5E698F 100%);
    background: linear-gradient(to bottom, #BBC8CC 0%, #889AAD 50%, #5E698F 100%);
}
</style>