#DBC4D0 - #AF6C88 | 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 #DBC4D0 a #AF6C88

#DBC4D0 #AF6C88

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

#DBC4D0 - #AF6C88 | 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 #DBC4D0 como 0% y #AF6C88 como 100%.

0.0%	0.0% #DBC4D0	RGB 219 196 208	#DBC4D0
16.7%	16.7% #D3B5C4	RGB 211 181 196	#D3B5C4
33.3%	33.3% #CCA6B8	RGB 204 166 184	#CCA6B8
50.0%	50.0% #C598AC	RGB 197 152 172	#C598AC
66.7%	66.7% #BD89A0	RGB 189 137 160	#BD89A0
83.3%	83.3% #B67A94	RGB 182 122 148	#B67A94
100.0%	100.0% #AF6C88	RGB 175 108 136	#AF6C88

#DBC4D0 #D3B5C4 #CCA6B8 #C598AC #BD89A0 #B67A94 #AF6C88

#DBC4D0 - #AF6C88

Mezcla HSV

#DBC4D0 - #AF6C88 | 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 #DBC4D0 como 0% y #AF6C88 como 100%.

0.0%	0.0% #DBC4D0	RGB 219 196 208	#DBC4D0
16.7%	16.7% #D3B3C3	RGB 211 179 195	#D3B3C3
33.3%	33.3% #CCA3B7	RGB 204 163 183	#CCA3B7
50.0%	50.0% #C594AB	RGB 197 148 171	#C594AB
66.7%	66.7% #BD869F	RGB 189 134 159	#BD869F
83.3%	83.3% #B67893	RGB 182 120 147	#B67893
100.0%	100.0% #AF6C88	RGB 175 108 136	#AF6C88

#DBC4D0 #D3B3C3 #CCA3B7 #C594AB #BD869F #B67893 #AF6C88

#DBC4D0 - #C594AB - #AF6C88

Códigos CSS

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

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