#D8C7C7 - #C37C75 | 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 #D8C7C7 a #C37C75

#D8C7C7 #C37C75

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

#D8C7C7 - #C37C75 | 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 #D8C7C7 como 0% y #C37C75 como 100%.

0.0%	0.0% #D8C7C7	RGB 216 199 199	#D8C7C7
16.7%	16.7% #D4BAB9	RGB 212 186 185	#D4BAB9
33.3%	33.3% #D1AEAB	RGB 209 174 171	#D1AEAB
50.0%	50.0% #CDA19E	RGB 205 161 158	#CDA19E
66.7%	66.7% #CA9590	RGB 202 149 144	#CA9590
83.3%	83.3% #C68882	RGB 198 136 130	#C68882
100.0%	100.0% #C37C75	RGB 195 124 117	#C37C75

#D8C7C7 #D4BAB9 #D1AEAB #CDA19E #CA9590 #C68882 #C37C75

#D8C7C7 - #C37C75

Mezcla HSV

#D8C7C7 - #C37C75 | 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 #D8C7C7 como 0% y #C37C75 como 100%.

0.0%	0.0% #D8C7C7	RGB 216 199 199	#D8C7C7
16.7%	16.7% #D4B8B8	RGB 212 184 184	#D4B8B8
33.3%	33.3% #D1ABAA	RGB 209 171 170	#D1ABAA
50.0%	50.0% #CD9E9C	RGB 205 158 156	#CD9E9C
66.7%	66.7% #CA928E	RGB 202 146 142	#CA928E
83.3%	83.3% #C68681	RGB 198 134 129	#C68681
100.0%	100.0% #C37C75	RGB 195 124 117	#C37C75

#D8C7C7 #D4B8B8 #D1ABAA #CD9E9C #CA928E #C68681 #C37C75

#D8C7C7 - #CD9E9C - #C37C75

Códigos CSS

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

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