#C2DAC2 - #DFDADA | 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 #C2DAC2 a #DFDADA

#C2DAC2 #DFDADA

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

#C2DAC2 - #DFDADA | 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 #C2DAC2 como 0% y #DFDADA como 100%.

0.0%	0.0% #C2DAC2	RGB 194 218 194	#C2DAC2
16.7%	16.7% #C6DAC6	RGB 198 218 198	#C6DAC6
33.3%	33.3% #CBDACA	RGB 203 218 202	#CBDACA
50.0%	50.0% #D0DACE	RGB 208 218 206	#D0DACE
66.7%	66.7% #D5DAD2	RGB 213 218 210	#D5DAD2
83.3%	83.3% #DADAD6	RGB 218 218 214	#DADAD6
100.0%	100.0% #DFDADA	RGB 223 218 218	#DFDADA

#C2DAC2 #C6DAC6 #CBDACA #D0DACE #D5DAD2 #DADAD6 #DFDADA

#C2DAC2 - #DFDADA

Mezcla HSV

#C2DAC2 - #DFDADA | 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 #C2DAC2 como 0% y #DFDADA como 100%.

0.0%	0.0% #C2DAC2	RGB 194 218 194	#C2DAC2
16.7%	16.7% #CCDAC5	RGB 204 218 197	#CCDAC5
33.3%	33.3% #D5DBC9	RGB 213 219 201	#D5DBC9
50.0%	50.0% #DCDCCD	RGB 220 220 205	#DCDCCD
66.7%	66.7% #DDD9D1	RGB 221 217 209	#DDD9D1
83.3%	83.3% #DED8D5	RGB 222 216 213	#DED8D5
100.0%	100.0% #DFDADA	RGB 223 218 218	#DFDADA

#C2DAC2 #CCDAC5 #D5DBC9 #DCDCCD #DDD9D1 #DED8D5 #DFDADA

#C2DAC2 - #DCDCCD - #DFDADA

Códigos CSS

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

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