#DCB9C9 - #AF5E7F | 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 #DCB9C9 a #AF5E7F

#DCB9C9 #AF5E7F

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

#DCB9C9 - #AF5E7F | 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 #DCB9C9 como 0% y #AF5E7F como 100%.

0.0%	0.0% #DCB9C9	RGB 220 185 201	#DCB9C9
16.7%	16.7% #D4A9BC	RGB 212 169 188	#D4A9BC
33.3%	33.3% #CD9AB0	RGB 205 154 176	#CD9AB0
50.0%	50.0% #C58BA4	RGB 197 139 164	#C58BA4
66.7%	66.7% #BE7C97	RGB 190 124 151	#BE7C97
83.3%	83.3% #B66D8B	RGB 182 109 139	#B66D8B
100.0%	100.0% #AF5E7F	RGB 175 94 127	#AF5E7F

#DCB9C9 #D4A9BC #CD9AB0 #C58BA4 #BE7C97 #B66D8B #AF5E7F

#DCB9C9 - #AF5E7F

Mezcla HSV

#DCB9C9 - #AF5E7F | 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 #DCB9C9 como 0% y #AF5E7F como 100%.

0.0%	0.0% #DCB9C9	RGB 220 185 201	#DCB9C9
16.7%	16.7% #D4A7BB	RGB 212 167 187	#D4A7BB
33.3%	33.3% #CD97AF	RGB 205 151 175	#CD97AF
50.0%	50.0% #C588A2	RGB 197 136 162	#C588A2
66.7%	66.7% #BE7996	RGB 190 121 150	#BE7996
83.3%	83.3% #B66B8A	RGB 182 107 138	#B66B8A
100.0%	100.0% #AF5E7F	RGB 175 94 127	#AF5E7F

#DCB9C9 #D4A7BB #CD97AF #C588A2 #BE7996 #B66B8A #AF5E7F

#DCB9C9 - #C588A2 - #AF5E7F

Códigos CSS

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

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