#BCC8C3 - #5B8C8C | 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 #BCC8C3 a #5B8C8C

#BCC8C3 #5B8C8C

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

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

0.0%	0.0% #BCC8C3	RGB 188 200 195	#BCC8C3
16.7%	16.7% #ABBEB9	RGB 171 190 185	#ABBEB9
33.3%	33.3% #9BB4B0	RGB 155 180 176	#9BB4B0
50.0%	50.0% #8BAAA7	RGB 139 170 167	#8BAAA7
66.7%	66.7% #7BA09E	RGB 123 160 158	#7BA09E
83.3%	83.3% #6B9695	RGB 107 150 149	#6B9695
100.0%	100.0% #5B8C8C	RGB 91 140 140	#5B8C8C

#BCC8C3 #ABBEB9 #9BB4B0 #8BAAA7 #7BA09E #6B9695 #5B8C8C

#BCC8C3 - #5B8C8C

Mezcla HSV

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

0.0%	0.0% #BCC8C3	RGB 188 200 195	#BCC8C3
16.7%	16.7% #A9BEB6	RGB 169 190 182	#A9BEB6
33.3%	33.3% #97B4AC	RGB 151 180 172	#97B4AC
50.0%	50.0% #87AAA2	RGB 135 170 162	#87AAA2
66.7%	66.7% #77A09A	RGB 119 160 154	#77A09A
83.3%	83.3% #689692	RGB 104 150 146	#689692
100.0%	100.0% #5B8C8C	RGB 91 140 140	#5B8C8C

#BCC8C3 #A9BEB6 #97B4AC #87AAA2 #77A09A #689692 #5B8C8C

#BCC8C3 - #87AAA2 - #5B8C8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC8C3 0%, #87AAA2 50%, #5B8C8C 100%);
    background: -webkit-linear-gradient(top, #BCC8C3 0%, #87AAA2 50%, #5B8C8C 100%);
    background: linear-gradient(to bottom, #BCC8C3 0%, #87AAA2 50%, #5B8C8C 100%);
}
</style>