#DDB6B6 - #C96561 | 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 #DDB6B6 a #C96561

#DDB6B6 #C96561

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

#DDB6B6 - #C96561 | 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 #DDB6B6 como 0% y #C96561 como 100%.

0.0%	0.0% #DDB6B6	RGB 221 182 182	#DDB6B6
16.7%	16.7% #D9A8A7	RGB 217 168 167	#D9A8A7
33.3%	33.3% #D69B99	RGB 214 155 153	#D69B99
50.0%	50.0% #D38D8B	RGB 211 141 139	#D38D8B
66.7%	66.7% #CF807D	RGB 207 128 125	#CF807D
83.3%	83.3% #CC726F	RGB 204 114 111	#CC726F
100.0%	100.0% #C96561	RGB 201 101 97	#C96561

#DDB6B6 #D9A8A7 #D69B99 #D38D8B #CF807D #CC726F #C96561

#DDB6B6 - #C96561

Mezcla HSV

#DDB6B6 - #C96561 | 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 #DDB6B6 como 0% y #C96561 como 100%.

0.0%	0.0% #DDB6B6	RGB 221 182 182	#DDB6B6
16.7%	16.7% #D9A7A6	RGB 217 167 166	#D9A7A6
33.3%	33.3% #D69898	RGB 214 152 152	#D69898
50.0%	50.0% #D38B89	RGB 211 139 137	#D38B89
66.7%	66.7% #CF7D7B	RGB 207 125 123	#CF7D7B
83.3%	83.3% #CC716E	RGB 204 113 110	#CC716E
100.0%	100.0% #C96561	RGB 201 101 97	#C96561

#DDB6B6 #D9A7A6 #D69898 #D38B89 #CF7D7B #CC716E #C96561

#DDB6B6 - #D38B89 - #C96561

Códigos CSS

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

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