#D6CDCD - #C0847D | 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 #D6CDCD a #C0847D

#D6CDCD #C0847D

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

#D6CDCD - #C0847D | 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 #D6CDCD como 0% y #C0847D como 100%.

0.0%	0.0% #D6CDCD	RGB 214 205 205	#D6CDCD
16.7%	16.7% #D2C0BF	RGB 210 192 191	#D2C0BF
33.3%	33.3% #CEB4B2	RGB 206 180 178	#CEB4B2
50.0%	50.0% #CBA8A5	RGB 203 168 165	#CBA8A5
66.7%	66.7% #C79C97	RGB 199 156 151	#C79C97
83.3%	83.3% #C3908A	RGB 195 144 138	#C3908A
100.0%	100.0% #C0847D	RGB 192 132 125	#C0847D

#D6CDCD #D2C0BF #CEB4B2 #CBA8A5 #C79C97 #C3908A #C0847D

#D6CDCD - #C0847D

Mezcla HSV

#D6CDCD - #C0847D | 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 #D6CDCD como 0% y #C0847D como 100%.

0.0%	0.0% #D6CDCD	RGB 214 205 205	#D6CDCD
16.7%	16.7% #D2BFBE	RGB 210 191 190	#D2BFBE
33.3%	33.3% #CEB1B0	RGB 206 177 176	#CEB1B0
50.0%	50.0% #CBA5A3	RGB 203 165 163	#CBA5A3
66.7%	66.7% #C79996	RGB 199 153 150	#C79996
83.3%	83.3% #C38E89	RGB 195 142 137	#C38E89
100.0%	100.0% #C0847D	RGB 192 132 125	#C0847D

#D6CDCD #D2BFBE #CEB1B0 #CBA5A3 #C79996 #C38E89 #C0847D

#D6CDCD - #CBA5A3 - #C0847D

Códigos CSS

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

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