#BBCCC7 - #5E838F | 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 #BBCCC7 a #5E838F

#BBCCC7 #5E838F

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

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

0.0%	0.0% #BBCCC7	RGB 187 204 199	#BBCCC7
16.7%	16.7% #ABBFBD	RGB 171 191 189	#ABBFBD
33.3%	33.3% #9CB3B4	RGB 156 179 180	#9CB3B4
50.0%	50.0% #8CA7AB	RGB 140 167 171	#8CA7AB
66.7%	66.7% #7D9BA1	RGB 125 155 161	#7D9BA1
83.3%	83.3% #6D8F98	RGB 109 143 152	#6D8F98
100.0%	100.0% #5E838F	RGB 94 131 143	#5E838F

#BBCCC7 #ABBFBD #9CB3B4 #8CA7AB #7D9BA1 #6D8F98 #5E838F

#BBCCC7 - #5E838F

Mezcla HSV

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

0.0%	0.0% #BBCCC7	RGB 187 204 199	#BBCCC7
16.7%	16.7% #A9C1BC	RGB 169 193 188	#A9C1BC
33.3%	33.3% #98B7B4	RGB 152 183 180	#98B7B4
50.0%	50.0% #88ADAC	RGB 136 173 172	#88ADAC
66.7%	66.7% #79A0A3	RGB 121 160 163	#79A0A3
83.3%	83.3% #6B9299	RGB 107 146 153	#6B9299
100.0%	100.0% #5E838F	RGB 94 131 143	#5E838F

#BBCCC7 #A9C1BC #98B7B4 #88ADAC #79A0A3 #6B9299 #5E838F

#BBCCC7 - #88ADAC - #5E838F

Códigos CSS

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

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