#DBDBDB - #C6978F | 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 #DBDBDB a #C6978F

#DBDBDB #C6978F

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

#DBDBDB - #C6978F | 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 #DBDBDB como 0% y #C6978F como 100%.

0.0%	0.0% #DBDBDB	RGB 219 219 219	#DBDBDB
16.7%	16.7% #D7CFCE	RGB 215 207 206	#D7CFCE
33.3%	33.3% #D4C4C1	RGB 212 196 193	#D4C4C1
50.0%	50.0% #D0B9B5	RGB 208 185 181	#D0B9B5
66.7%	66.7% #CDADA8	RGB 205 173 168	#CDADA8
83.3%	83.3% #C9A29B	RGB 201 162 155	#C9A29B
100.0%	100.0% #C6978F	RGB 198 151 143	#C6978F

#DBDBDB #D7CFCE #D4C4C1 #D0B9B5 #CDADA8 #C9A29B #C6978F

#DBDBDB - #C6978F

Mezcla HSV

#DBDBDB - #C6978F | 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 #DBDBDB como 0% y #C6978F como 100%.

0.0%	0.0% #DBDBDB	RGB 219 219 219	#DBDBDB
16.7%	16.7% #D7CDCD	RGB 215 205 205	#D7CDCD
33.3%	33.3% #D4C1C0	RGB 212 193 192	#D4C1C0
50.0%	50.0% #D0B5B3	RGB 208 181 179	#D0B5B3
66.7%	66.7% #CDAAA7	RGB 205 170 167	#CDAAA7
83.3%	83.3% #C9A09A	RGB 201 160 154	#C9A09A
100.0%	100.0% #C6978F	RGB 198 151 143	#C6978F

#DBDBDB #D7CDCD #D4C1C0 #D0B5B3 #CDAAA7 #C9A09A #C6978F

#DBDBDB - #D0B5B3 - #C6978F

Códigos CSS

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

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