#BDABBC - #ECE7EB | 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 #BDABBC a #ECE7EB

#BDABBC #ECE7EB

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

#BDABBC - #ECE7EB | 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 #BDABBC como 0% y #ECE7EB como 100%.

0.0%	0.0% #BDABBC	RGB 189 171 188	#BDABBC
16.7%	16.7% #C4B5C3	RGB 196 181 195	#C4B5C3
33.3%	33.3% #CCBFCB	RGB 204 191 203	#CCBFCB
50.0%	50.0% #D4C9D3	RGB 212 201 211	#D4C9D3
66.7%	66.7% #DCD3DB	RGB 220 211 219	#DCD3DB
83.3%	83.3% #E4DDE3	RGB 228 221 227	#E4DDE3
100.0%	100.0% #ECE7EB	RGB 236 231 235	#ECE7EB

#BDABBC #C4B5C3 #CCBFCB #D4C9D3 #DCD3DB #E4DDE3 #ECE7EB

#BDABBC - #ECE7EB

Mezcla HSV

#BDABBC - #ECE7EB | 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 #BDABBC como 0% y #ECE7EB como 100%.

0.0%	0.0% #BDABBC	RGB 189 171 188	#BDABBC
16.7%	16.7% #C4B4C3	RGB 196 180 195	#C4B4C3
33.3%	33.3% #CCBECB	RGB 204 190 203	#CCBECB
50.0%	50.0% #D4C8D2	RGB 212 200 210	#D4C8D2
66.7%	66.7% #DCD2DA	RGB 220 210 218	#DCD2DA
83.3%	83.3% #E4DCE2	RGB 228 220 226	#E4DCE2
100.0%	100.0% #ECE7EB	RGB 236 231 235	#ECE7EB

#BDABBC #C4B4C3 #CCBECB #D4C8D2 #DCD2DA #E4DCE2 #ECE7EB

#BDABBC - #D4C8D2 - #ECE7EB

Códigos CSS

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

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