#DBD4D2 - #B48783 | 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 #DBD4D2 a #B48783

#DBD4D2 #B48783

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

#DBD4D2 - #B48783 | 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 #DBD4D2 como 0% y #B48783 como 100%.

0.0%	0.0% #DBD4D2	RGB 219 212 210	#DBD4D2
16.7%	16.7% #D4C7C4	RGB 212 199 196	#D4C7C4
33.3%	33.3% #CEBAB7	RGB 206 186 183	#CEBAB7
50.0%	50.0% #C7ADAA	RGB 199 173 170	#C7ADAA
66.7%	66.7% #C1A09D	RGB 193 160 157	#C1A09D
83.3%	83.3% #BA9390	RGB 186 147 144	#BA9390
100.0%	100.0% #B48783	RGB 180 135 131	#B48783

#DBD4D2 #D4C7C4 #CEBAB7 #C7ADAA #C1A09D #BA9390 #B48783

#DBD4D2 - #B48783

Mezcla HSV

#DBD4D2 - #B48783 | 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 #DBD4D2 como 0% y #B48783 como 100%.

0.0%	0.0% #DBD4D2	RGB 219 212 210	#DBD4D2
16.7%	16.7% #D4C6C3	RGB 212 198 195	#D4C6C3
33.3%	33.3% #CEB9B5	RGB 206 185 181	#CEB9B5
50.0%	50.0% #C7ACA8	RGB 199 172 168	#C7ACA8
66.7%	66.7% #C1A09B	RGB 193 160 155	#C1A09B
83.3%	83.3% #BA938E	RGB 186 147 142	#BA938E
100.0%	100.0% #B48783	RGB 180 135 131	#B48783

#DBD4D2 #D4C6C3 #CEB9B5 #C7ACA8 #C1A09B #BA938E #B48783

#DBD4D2 - #C7ACA8 - #B48783

Códigos CSS

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

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