#B0AAAA - #D1B5E4 | 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 #B0AAAA a #D1B5E4

#B0AAAA #D1B5E4

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

#B0AAAA - #D1B5E4 | 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 #B0AAAA como 0% y #D1B5E4 como 100%.

0.0%	0.0% #B0AAAA	RGB 176 170 170	#B0AAAA
16.7%	16.7% #B5ABB3	RGB 181 171 179	#B5ABB3
33.3%	33.3% #BBADBD	RGB 187 173 189	#BBADBD
50.0%	50.0% #C0AFC7	RGB 192 175 199	#C0AFC7
66.7%	66.7% #C6B1D0	RGB 198 177 208	#C6B1D0
83.3%	83.3% #CBB3DA	RGB 203 179 218	#CBB3DA
100.0%	100.0% #D1B5E4	RGB 209 181 228	#D1B5E4

#B0AAAA #B5ABB3 #BBADBD #C0AFC7 #C6B1D0 #CBB3DA #D1B5E4

#B0AAAA - #D1B5E4

Mezcla HSV

#B0AAAA - #D1B5E4 | 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 #B0AAAA como 0% y #D1B5E4 como 100%.

0.0%	0.0% #B0AAAA	RGB 176 170 170	#B0AAAA
16.7%	16.7% #B8ADAF	RGB 184 173 175	#B8ADAF
33.3%	33.3% #C1AFB7	RGB 193 175 183	#C1AFB7
50.0%	50.0% #CAB1C2	RGB 202 177 194	#CAB1C2
66.7%	66.7% #D2B3D0	RGB 210 179 208	#D2B3D0
83.3%	83.3% #D4B4DB	RGB 212 180 219	#D4B4DB
100.0%	100.0% #D1B5E4	RGB 209 181 228	#D1B5E4

#B0AAAA #B8ADAF #C1AFB7 #CAB1C2 #D2B3D0 #D4B4DB #D1B5E4

#B0AAAA - #CAB1C2 - #D1B5E4

Códigos CSS

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

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