#B2B2B3 - #BCE2CD | 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 #B2B2B3 a #BCE2CD

#B2B2B3 #BCE2CD

Calcule el color entre dos colores, #B2B2B3 y #BCE2CD. 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)

#B2B2B3 - #BCE2CD | 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 #B2B2B3 como 0% y #BCE2CD como 100%.

0.0%	0.0% #B2B2B3	RGB 178 178 179	#B2B2B3
16.7%	16.7% #B3BAB7	RGB 179 186 183	#B3BAB7
33.3%	33.3% #B5C2BB	RGB 181 194 187	#B5C2BB
50.0%	50.0% #B7CAC0	RGB 183 202 192	#B7CAC0
66.7%	66.7% #B8D2C4	RGB 184 210 196	#B8D2C4
83.3%	83.3% #BADAC8	RGB 186 218 200	#BADAC8
100.0%	100.0% #BCE2CD	RGB 188 226 205	#BCE2CD

#B2B2B3 #B3BAB7 #B5C2BB #B7CAC0 #B8D2C4 #BADAC8 #BCE2CD

#B2B2B3 - #BCE2CD

Mezcla HSV

#B2B2B3 - #BCE2CD | 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 #B2B2B3 como 0% y #BCE2CD como 100%.

0.0%	0.0% #B2B2B3	RGB 178 178 179	#B2B2B3
16.7%	16.7% #B4B6BA	RGB 180 182 186	#B4B6BA
33.3%	33.3% #B7BDC2	RGB 183 189 194	#B7BDC2
50.0%	50.0% #B8C6CA	RGB 184 198 202	#B8C6CA
66.7%	66.7% #BAD2D1	RGB 186 210 209	#BAD2D1
83.3%	83.3% #BBDAD1	RGB 187 218 209	#BBDAD1
100.0%	100.0% #BCE2CD	RGB 188 226 205	#BCE2CD

#B2B2B3 #B4B6BA #B7BDC2 #B8C6CA #BAD2D1 #BBDAD1 #BCE2CD

#B2B2B3 - #B8C6CA - #BCE2CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B2B3 0%, #B8C6CA 50%, #BCE2CD 100%);
    background: -webkit-linear-gradient(top, #B2B2B3 0%, #B8C6CA 50%, #BCE2CD 100%);
    background: linear-gradient(to bottom, #B2B2B3 0%, #B8C6CA 50%, #BCE2CD 100%);
}
</style>