#CECDCD - #B7857E | 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 #CECDCD a #B7857E

#CECDCD #B7857E

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

#CECDCD - #B7857E | 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 #CECDCD como 0% y #B7857E como 100%.

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #CAC1BF	RGB 202 193 191	#CAC1BF
33.3%	33.3% #C6B5B2	RGB 198 181 178	#C6B5B2
50.0%	50.0% #C2A9A5	RGB 194 169 165	#C2A9A5
66.7%	66.7% #BE9D98	RGB 190 157 152	#BE9D98
83.3%	83.3% #BA918B	RGB 186 145 139	#BA918B
100.0%	100.0% #B7857E	RGB 183 133 126	#B7857E

#CECDCD #CAC1BF #C6B5B2 #C2A9A5 #BE9D98 #BA918B #B7857E

#CECDCD - #B7857E

Mezcla HSV

#CECDCD - #B7857E | 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 #CECDCD como 0% y #B7857E como 100%.

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #CABFBE	RGB 202 191 190	#CABFBE
33.3%	33.3% #C6B1B1	RGB 198 177 177	#C6B1B1
50.0%	50.0% #C2A5A3	RGB 194 165 163	#C2A5A3
66.7%	66.7% #BE9A96	RGB 190 154 150	#BE9A96
83.3%	83.3% #BA8F8A	RGB 186 143 138	#BA8F8A
100.0%	100.0% #B7857E	RGB 183 133 126	#B7857E

#CECDCD #CABFBE #C6B1B1 #C2A5A3 #BE9A96 #BA8F8A #B7857E

#CECDCD - #C2A5A3 - #B7857E

Códigos CSS

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

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