#DBDCCF - #9EA97E | 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 #DBDCCF a #9EA97E

#DBDCCF #9EA97E

Calcule el color entre dos colores, #DBDCCF y #9EA97E. 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)

#DBDCCF - #9EA97E | 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 #DBDCCF como 0% y #9EA97E como 100%.

0.0%	0.0% #DBDCCF	RGB 219 220 207	#DBDCCF
16.7%	16.7% #D0D3C1	RGB 208 211 193	#D0D3C1
33.3%	33.3% #C6CBB4	RGB 198 203 180	#C6CBB4
50.0%	50.0% #BCC2A6	RGB 188 194 166	#BCC2A6
66.7%	66.7% #B2BA99	RGB 178 186 153	#B2BA99
83.3%	83.3% #A8B18B	RGB 168 177 139	#A8B18B
100.0%	100.0% #9EA97E	RGB 158 169 126	#9EA97E

#DBDCCF #D0D3C1 #C6CBB4 #BCC2A6 #B2BA99 #A8B18B #9EA97E

#DBDCCF - #9EA97E

Mezcla HSV

#DBDCCF - #9EA97E | 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 #DBDCCF como 0% y #9EA97E como 100%.

0.0%	0.0% #DBDCCF	RGB 219 220 207	#DBDCCF
16.7%	16.7% #D1D3C0	RGB 209 211 192	#D1D3C0
33.3%	33.3% #C7CBB1	RGB 199 203 177	#C7CBB1
50.0%	50.0% #BDC2A4	RGB 189 194 164	#BDC2A4
66.7%	66.7% #B3BA96	RGB 179 186 150	#B3BA96
83.3%	83.3% #A8B18A	RGB 168 177 138	#A8B18A
100.0%	100.0% #9EA97E	RGB 158 169 126	#9EA97E

#DBDCCF #D1D3C0 #C7CBB1 #BDC2A4 #B3BA96 #A8B18A #9EA97E

#DBDCCF - #BDC2A4 - #9EA97E

Códigos CSS

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

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