#B2A8C7 - #BBDFDF | 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 #B2A8C7 a #BBDFDF

#B2A8C7 #BBDFDF

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

#B2A8C7 - #BBDFDF | 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 #B2A8C7 como 0% y #BBDFDF como 100%.

0.0%	0.0% #B2A8C7	RGB 178 168 199	#B2A8C7
16.7%	16.7% #B3B1CB	RGB 179 177 203	#B3B1CB
33.3%	33.3% #B5BACF	RGB 181 186 207	#B5BACF
50.0%	50.0% #B6C3D3	RGB 182 195 211	#B6C3D3
66.7%	66.7% #B8CCD7	RGB 184 204 215	#B8CCD7
83.3%	83.3% #B9D5DB	RGB 185 213 219	#B9D5DB
100.0%	100.0% #BBDFDF	RGB 187 223 223	#BBDFDF

#B2A8C7 #B3B1CB #B5BACF #B6C3D3 #B8CCD7 #B9D5DB #BBDFDF

#B2A8C7 - #BBDFDF

Mezcla HSV

#B2A8C7 - #BBDFDF | 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 #B2A8C7 como 0% y #BBDFDF como 100%.

0.0%	0.0% #B2A8C7	RGB 178 168 199	#B2A8C7
16.7%	16.7% #AEABCB	RGB 174 171 203	#AEABCB
33.3%	33.3% #AEB2CF	RGB 174 178 207	#AEB2CF
50.0%	50.0% #B1BCD3	RGB 177 188 211	#B1BCD3
66.7%	66.7% #B4C7D7	RGB 180 199 215	#B4C7D7
83.3%	83.3% #B7D3DB	RGB 183 211 219	#B7D3DB
100.0%	100.0% #BBDFDF	RGB 187 223 223	#BBDFDF

#B2A8C7 #AEABCB #AEB2CF #B1BCD3 #B4C7D7 #B7D3DB #BBDFDF

#B2A8C7 - #B1BCD3 - #BBDFDF

Códigos CSS

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

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