#DCDFC7 - #A0B074 | 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 #DCDFC7 a #A0B074

#DCDFC7 #A0B074

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

#DCDFC7 - #A0B074 | 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 #DCDFC7 como 0% y #A0B074 como 100%.

0.0%	0.0% #DCDFC7	RGB 220 223 199	#DCDFC7
16.7%	16.7% #D2D7B9	RGB 210 215 185	#D2D7B9
33.3%	33.3% #C8CFAB	RGB 200 207 171	#C8CFAB
50.0%	50.0% #BEC79D	RGB 190 199 157	#BEC79D
66.7%	66.7% #B4BF8F	RGB 180 191 143	#B4BF8F
83.3%	83.3% #AAB781	RGB 170 183 129	#AAB781
100.0%	100.0% #A0B074	RGB 160 176 116	#A0B074

#DCDFC7 #D2D7B9 #C8CFAB #BEC79D #B4BF8F #AAB781 #A0B074

#DCDFC7 - #A0B074

Mezcla HSV

#DCDFC7 - #A0B074 | 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 #DCDFC7 como 0% y #A0B074 como 100%.

0.0%	0.0% #DCDFC7	RGB 220 223 199	#DCDFC7
16.7%	16.7% #D2D7B7	RGB 210 215 183	#D2D7B7
33.3%	33.3% #C8CFA8	RGB 200 207 168	#C8CFA8
50.0%	50.0% #BEC79A	RGB 190 199 154	#BEC79A
66.7%	66.7% #B4BF8D	RGB 180 191 141	#B4BF8D
83.3%	83.3% #AAB780	RGB 170 183 128	#AAB780
100.0%	100.0% #A0B074	RGB 160 176 116	#A0B074

#DCDFC7 #D2D7B7 #C8CFA8 #BEC79A #B4BF8D #AAB780 #A0B074

#DCDFC7 - #BEC79A - #A0B074

Códigos CSS

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

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