#D0B2B5 - #AD5E65 | 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 #D0B2B5 a #AD5E65

#D0B2B5 #AD5E65

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

#D0B2B5 - #AD5E65 | 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 #D0B2B5 como 0% y #AD5E65 como 100%.

0.0%	0.0% #D0B2B5	RGB 208 178 181	#D0B2B5
16.7%	16.7% #CAA4A7	RGB 202 164 167	#CAA4A7
33.3%	33.3% #C4969A	RGB 196 150 154	#C4969A
50.0%	50.0% #BE888D	RGB 190 136 141	#BE888D
66.7%	66.7% #B87A7F	RGB 184 122 127	#B87A7F
83.3%	83.3% #B26C72	RGB 178 108 114	#B26C72
100.0%	100.0% #AD5E65	RGB 173 94 101	#AD5E65

#D0B2B5 #CAA4A7 #C4969A #BE888D #B87A7F #B26C72 #AD5E65

#D0B2B5 - #AD5E65

Mezcla HSV

#D0B2B5 - #AD5E65 | 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 #D0B2B5 como 0% y #AD5E65 como 100%.

0.0%	0.0% #D0B2B5	RGB 208 178 181	#D0B2B5
16.7%	16.7% #CAA2A6	RGB 202 162 166	#CAA2A6
33.3%	33.3% #C49398	RGB 196 147 152	#C49398
50.0%	50.0% #BE858A	RGB 190 133 138	#BE858A
66.7%	66.7% #B8777D	RGB 184 119 125	#B8777D
83.3%	83.3% #B26A71	RGB 178 106 113	#B26A71
100.0%	100.0% #AD5E65	RGB 173 94 101	#AD5E65

#D0B2B5 #CAA2A6 #C49398 #BE858A #B8777D #B26A71 #AD5E65

#D0B2B5 - #BE858A - #AD5E65

Códigos CSS

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

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