#BBCDC2 - #5E908C | 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 #BBCDC2 a #5E908C

#BBCDC2 #5E908C

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

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

0.0%	0.0% #BBCDC2	RGB 187 205 194	#BBCDC2
16.7%	16.7% #ABC2B9	RGB 171 194 185	#ABC2B9
33.3%	33.3% #9CB8B0	RGB 156 184 176	#9CB8B0
50.0%	50.0% #8CAEA7	RGB 140 174 167	#8CAEA7
66.7%	66.7% #7DA49E	RGB 125 164 158	#7DA49E
83.3%	83.3% #6D9A95	RGB 109 154 149	#6D9A95
100.0%	100.0% #5E908C	RGB 94 144 140	#5E908C

#BBCDC2 #ABC2B9 #9CB8B0 #8CAEA7 #7DA49E #6D9A95 #5E908C

#BBCDC2 - #5E908C

Mezcla HSV

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

0.0%	0.0% #BBCDC2	RGB 187 205 194	#BBCDC2
16.7%	16.7% #A9C2B5	RGB 169 194 181	#A9C2B5
33.3%	33.3% #98B8AA	RGB 152 184 170	#98B8AA
50.0%	50.0% #88AEA1	RGB 136 174 161	#88AEA1
66.7%	66.7% #79A499	RGB 121 164 153	#79A499
83.3%	83.3% #6B9A92	RGB 107 154 146	#6B9A92
100.0%	100.0% #5E908C	RGB 94 144 140	#5E908C

#BBCDC2 #A9C2B5 #98B8AA #88AEA1 #79A499 #6B9A92 #5E908C

#BBCDC2 - #88AEA1 - #5E908C

Códigos CSS

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

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