#BEADAF - #ECE7E7 | 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 #BEADAF a #ECE7E7

#BEADAF #ECE7E7

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

#BEADAF - #ECE7E7 | 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 #BEADAF como 0% y #ECE7E7 como 100%.

0.0%	0.0% #BEADAF	RGB 190 173 175	#BEADAF
16.7%	16.7% #C5B6B8	RGB 197 182 184	#C5B6B8
33.3%	33.3% #CDC0C1	RGB 205 192 193	#CDC0C1
50.0%	50.0% #D5CACB	RGB 213 202 203	#D5CACB
66.7%	66.7% #DCD3D4	RGB 220 211 212	#DCD3D4
83.3%	83.3% #E4DDDD	RGB 228 221 221	#E4DDDD
100.0%	100.0% #ECE7E7	RGB 236 231 231	#ECE7E7

#BEADAF #C5B6B8 #CDC0C1 #D5CACB #DCD3D4 #E4DDDD #ECE7E7

#BEADAF - #ECE7E7

Mezcla HSV

#BEADAF - #ECE7E7 | 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 #BEADAF como 0% y #ECE7E7 como 100%.

0.0%	0.0% #BEADAF	RGB 190 173 175	#BEADAF
16.7%	16.7% #C5B6B7	RGB 197 182 183	#C5B6B7
33.3%	33.3% #CDBFC0	RGB 205 191 192	#CDBFC0
50.0%	50.0% #D5C9C9	RGB 213 201 201	#D5C9C9
66.7%	66.7% #DCD2D3	RGB 220 210 211	#DCD2D3
83.3%	83.3% #E4DCDD	RGB 228 220 221	#E4DCDD
100.0%	100.0% #ECE7E7	RGB 236 231 231	#ECE7E7

#BEADAF #C5B6B7 #CDBFC0 #D5C9C9 #DCD2D3 #E4DCDD #ECE7E7

#BEADAF - #D5C9C9 - #ECE7E7

Códigos CSS

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

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