#BC6D6D - #EBD5D5 | 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 #BC6D6D a #EBD5D5

#BC6D6D #EBD5D5

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

#BC6D6D - #EBD5D5 | 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 #BC6D6D como 0% y #EBD5D5 como 100%.

0.0%	0.0% #BC6D6D	RGB 188 109 109	#BC6D6D
16.7%	16.7% #C37E7E	RGB 195 126 126	#C37E7E
33.3%	33.3% #CB8F8F	RGB 203 143 143	#CB8F8F
50.0%	50.0% #D3A1A1	RGB 211 161 161	#D3A1A1
66.7%	66.7% #DBB2B2	RGB 219 178 178	#DBB2B2
83.3%	83.3% #E3C3C3	RGB 227 195 195	#E3C3C3
100.0%	100.0% #EBD5D5	RGB 235 213 213	#EBD5D5

#BC6D6D #C37E7E #CB8F8F #D3A1A1 #DBB2B2 #E3C3C3 #EBD5D5

#BC6D6D - #EBD5D5

Mezcla HSV

#BC6D6D - #EBD5D5 | 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 #BC6D6D como 0% y #EBD5D5 como 100%.

0.0%	0.0% #BC6D6D	RGB 188 109 109	#BC6D6D
16.7%	16.7% #C37C7C	RGB 195 124 124	#C37C7C
33.3%	33.3% #CB8C8C	RGB 203 140 140	#CB8C8C
50.0%	50.0% #D39D9D	RGB 211 157 157	#D39D9D
66.7%	66.7% #DBAEAE	RGB 219 174 174	#DBAEAE
83.3%	83.3% #E3C1C1	RGB 227 193 193	#E3C1C1
100.0%	100.0% #EBD5D5	RGB 235 213 213	#EBD5D5

#BC6D6D #C37C7C #CB8C8C #D39D9D #DBAEAE #E3C1C1 #EBD5D5

#BC6D6D - #D39D9D - #EBD5D5

Códigos CSS

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

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