#DBBAC1 - #AF5E68 | 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 #DBBAC1 a #AF5E68

#DBBAC1 #AF5E68

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

#DBBAC1 - #AF5E68 | 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 #DBBAC1 como 0% y #AF5E68 como 100%.

0.0%	0.0% #DBBAC1	RGB 219 186 193	#DBBAC1
16.7%	16.7% #D3AAB2	RGB 211 170 178	#D3AAB2
33.3%	33.3% #CC9BA3	RGB 204 155 163	#CC9BA3
50.0%	50.0% #C58C94	RGB 197 140 148	#C58C94
66.7%	66.7% #BD7C85	RGB 189 124 133	#BD7C85
83.3%	83.3% #B66D76	RGB 182 109 118	#B66D76
100.0%	100.0% #AF5E68	RGB 175 94 104	#AF5E68

#DBBAC1 #D3AAB2 #CC9BA3 #C58C94 #BD7C85 #B66D76 #AF5E68

#DBBAC1 - #AF5E68

Mezcla HSV

#DBBAC1 - #AF5E68 | 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 #DBBAC1 como 0% y #AF5E68 como 100%.

0.0%	0.0% #DBBAC1	RGB 219 186 193	#DBBAC1
16.7%	16.7% #D3A8B1	RGB 211 168 177	#D3A8B1
33.3%	33.3% #CC98A1	RGB 204 152 161	#CC98A1
50.0%	50.0% #C58892	RGB 197 136 146	#C58892
66.7%	66.7% #BD7984	RGB 189 121 132	#BD7984
83.3%	83.3% #B66B75	RGB 182 107 117	#B66B75
100.0%	100.0% #AF5E68	RGB 175 94 104	#AF5E68

#DBBAC1 #D3A8B1 #CC98A1 #C58892 #BD7984 #B66B75 #AF5E68

#DBBAC1 - #C58892 - #AF5E68

Códigos CSS

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

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