#B5AFB6 - #D9C6EA | 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 #B5AFB6 a #D9C6EA

#B5AFB6 #D9C6EA

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

#B5AFB6 - #D9C6EA | 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 #B5AFB6 como 0% y #D9C6EA como 100%.

0.0%	0.0% #B5AFB6	RGB 181 175 182	#B5AFB6
16.7%	16.7% #BBB2BE	RGB 187 178 190	#BBB2BE
33.3%	33.3% #C1B6C7	RGB 193 182 199	#C1B6C7
50.0%	50.0% #C7BAD0	RGB 199 186 208	#C7BAD0
66.7%	66.7% #CDBED8	RGB 205 190 216	#CDBED8
83.3%	83.3% #D3C2E1	RGB 211 194 225	#D3C2E1
100.0%	100.0% #D9C6EA	RGB 217 198 234	#D9C6EA

#B5AFB6 #BBB2BE #C1B6C7 #C7BAD0 #CDBED8 #D3C2E1 #D9C6EA

#B5AFB6 - #D9C6EA

Mezcla HSV

#B5AFB6 - #D9C6EA | 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 #B5AFB6 como 0% y #D9C6EA como 100%.

0.0%	0.0% #B5AFB6	RGB 181 175 182	#B5AFB6
16.7%	16.7% #BCB3BE	RGB 188 179 190	#BCB3BE
33.3%	33.3% #C3B8C7	RGB 195 184 199	#C3B8C7
50.0%	50.0% #C9BCD0	RGB 201 188 208	#C9BCD0
66.7%	66.7% #CFBFD8	RGB 207 191 216	#CFBFD8
83.3%	83.3% #D4C3E1	RGB 212 195 225	#D4C3E1
100.0%	100.0% #D9C6EA	RGB 217 198 234	#D9C6EA

#B5AFB6 #BCB3BE #C3B8C7 #C9BCD0 #CFBFD8 #D4C3E1 #D9C6EA

#B5AFB6 - #C9BCD0 - #D9C6EA

Códigos CSS

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

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