#BBCAC1 - #5E8C8A | 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 #BBCAC1 a #5E8C8A

#BBCAC1 #5E8C8A

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

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

0.0%	0.0% #BBCAC1	RGB 187 202 193	#BBCAC1
16.7%	16.7% #ABBFB7	RGB 171 191 183	#ABBFB7
33.3%	33.3% #9CB5AE	RGB 156 181 174	#9CB5AE
50.0%	50.0% #8CABA5	RGB 140 171 165	#8CABA5
66.7%	66.7% #7DA09C	RGB 125 160 156	#7DA09C
83.3%	83.3% #6D9693	RGB 109 150 147	#6D9693
100.0%	100.0% #5E8C8A	RGB 94 140 138	#5E8C8A

#BBCAC1 #ABBFB7 #9CB5AE #8CABA5 #7DA09C #6D9693 #5E8C8A

#BBCAC1 - #5E8C8A

Mezcla HSV

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

0.0%	0.0% #BBCAC1	RGB 187 202 193	#BBCAC1
16.7%	16.7% #A9BFB4	RGB 169 191 180	#A9BFB4
33.3%	33.3% #98B5A9	RGB 152 181 169	#98B5A9
50.0%	50.0% #88AB9F	RGB 136 171 159	#88AB9F
66.7%	66.7% #79A097	RGB 121 160 151	#79A097
83.3%	83.3% #6B9690	RGB 107 150 144	#6B9690
100.0%	100.0% #5E8C8A	RGB 94 140 138	#5E8C8A

#BBCAC1 #A9BFB4 #98B5A9 #88AB9F #79A097 #6B9690 #5E8C8A

#BBCAC1 - #88AB9F - #5E8C8A

Códigos CSS

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

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