#D1CECE - #D5E2DA | 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 #D1CECE a #D5E2DA

#D1CECE #D5E2DA

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

#D1CECE - #D5E2DA | 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 #D1CECE como 0% y #D5E2DA como 100%.

0.0%	0.0% #D1CECE	RGB 209 206 206	#D1CECE
16.7%	16.7% #D1D1D0	RGB 209 209 208	#D1D1D0
33.3%	33.3% #D2D4D2	RGB 210 212 210	#D2D4D2
50.0%	50.0% #D3D8D4	RGB 211 216 212	#D3D8D4
66.7%	66.7% #D3DBD6	RGB 211 219 214	#D3DBD6
83.3%	83.3% #D4DED8	RGB 212 222 216	#D4DED8
100.0%	100.0% #D5E2DA	RGB 213 226 218	#D5E2DA

#D1CECE #D1D1D0 #D2D4D2 #D3D8D4 #D3DBD6 #D4DED8 #D5E2DA

#D1CECE - #D5E2DA

Mezcla HSV

#D1CECE - #D5E2DA | 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 #D1CECE como 0% y #D5E2DA como 100%.

0.0%	0.0% #D1CECE	RGB 209 206 206	#D1CECE
16.7%	16.7% #D3D1CF	RGB 211 209 207	#D3D1CF
33.3%	33.3% #D6D5D0	RGB 214 213 208	#D6D5D0
50.0%	50.0% #D7D9D1	RGB 215 217 209	#D7D9D1
66.7%	66.7% #D6DCD2	RGB 214 220 210	#D6DCD2
83.3%	83.3% #D4DFD3	RGB 212 223 211	#D4DFD3
100.0%	100.0% #D5E2DA	RGB 213 226 218	#D5E2DA

#D1CECE #D3D1CF #D6D5D0 #D7D9D1 #D6DCD2 #D4DFD3 #D5E2DA

#D1CECE - #D7D9D1 - #D5E2DA

Códigos CSS

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

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