#C7CCB2 - #383A32 | 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 #C7CCB2 a #383A32

#C7CCB2 #383A32

Calcule el color entre dos colores, #C7CCB2 y #383A32. 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)

#C7CCB2 - #383A32 | 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 #C7CCB2 como 0% y #383A32 como 100%.

0.0%	0.0% #C7CCB2	RGB 199 204 178	#C7CCB2
16.7%	16.7% #AFB39C	RGB 175 179 156	#AFB39C
33.3%	33.3% #979B87	RGB 151 155 135	#979B87
50.0%	50.0% #7F8372	RGB 127 131 114	#7F8372
66.7%	66.7% #676A5C	RGB 103 106 92	#676A5C
83.3%	83.3% #4F5247	RGB 79 82 71	#4F5247
100.0%	100.0% #383A32	RGB 56 58 50	#383A32

#C7CCB2 #AFB39C #979B87 #7F8372 #676A5C #4F5247 #383A32

#C7CCB2 - #383A32

Mezcla HSV

#C7CCB2 - #383A32 | 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 #C7CCB2 como 0% y #383A32 como 100%.

0.0%	0.0% #C7CCB2	RGB 199 204 178	#C7CCB2
16.7%	16.7% #AEB39C	RGB 174 179 156	#AEB39C
33.3%	33.3% #979B86	RGB 151 155 134	#979B86
50.0%	50.0% #7F8371	RGB 127 131 113	#7F8371
66.7%	66.7% #676A5C	RGB 103 106 92	#676A5C
83.3%	83.3% #4F5247	RGB 79 82 71	#4F5247
100.0%	100.0% #383A32	RGB 56 58 50	#383A32

#C7CCB2 #AEB39C #979B86 #7F8371 #676A5C #4F5247 #383A32

#C7CCB2 - #7F8371 - #383A32

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCB2 0%, #7F8371 50%, #383A32 100%);
    background: -webkit-linear-gradient(top, #C7CCB2 0%, #7F8371 50%, #383A32 100%);
    background: linear-gradient(to bottom, #C7CCB2 0%, #7F8371 50%, #383A32 100%);
}
</style>