#DBE5D4 - #A8C085 | 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 #DBE5D4 a #A8C085

#DBE5D4 #A8C085

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

#DBE5D4 - #A8C085 | 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 #DBE5D4 como 0% y #A8C085 como 100%.

0.0%	0.0% #DBE5D4	RGB 219 229 212	#DBE5D4
16.7%	16.7% #D2DEC6	RGB 210 222 198	#D2DEC6
33.3%	33.3% #CAD8B9	RGB 202 216 185	#CAD8B9
50.0%	50.0% #C1D2AC	RGB 193 210 172	#C1D2AC
66.7%	66.7% #B9CC9F	RGB 185 204 159	#B9CC9F
83.3%	83.3% #B0C692	RGB 176 198 146	#B0C692
100.0%	100.0% #A8C085	RGB 168 192 133	#A8C085

#DBE5D4 #D2DEC6 #CAD8B9 #C1D2AC #B9CC9F #B0C692 #A8C085

#DBE5D4 - #A8C085

Mezcla HSV

#DBE5D4 - #A8C085 | 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 #DBE5D4 como 0% y #A8C085 como 100%.

0.0%	0.0% #DBE5D4	RGB 219 229 212	#DBE5D4
16.7%	16.7% #D0DEC5	RGB 208 222 197	#D0DEC5
33.3%	33.3% #C7D8B7	RGB 199 216 183	#C7D8B7
50.0%	50.0% #BED2AA	RGB 190 210 170	#BED2AA
66.7%	66.7% #B6CC9D	RGB 182 204 157	#B6CC9D
83.3%	83.3% #AEC690	RGB 174 198 144	#AEC690
100.0%	100.0% #A8C085	RGB 168 192 133	#A8C085

#DBE5D4 #D0DEC5 #C7D8B7 #BED2AA #B6CC9D #AEC690 #A8C085

#DBE5D4 - #BED2AA - #A8C085

Códigos CSS

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

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