#DD84B9 - #FCA8AC | 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 #DD84B9 a #FCA8AC

#DD84B9 #FCA8AC

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

#DD84B9 - #FCA8AC | 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 #DD84B9 como 0% y #FCA8AC como 100%.

0.0%	0.0% #DD84B9	RGB 221 132 185	#DD84B9
16.7%	16.7% #E28AB6	RGB 226 138 182	#E28AB6
33.3%	33.3% #E790B4	RGB 231 144 180	#E790B4
50.0%	50.0% #EC96B2	RGB 236 150 178	#EC96B2
66.7%	66.7% #F19CB0	RGB 241 156 176	#F19CB0
83.3%	83.3% #F6A2AE	RGB 246 162 174	#F6A2AE
100.0%	100.0% #FCA8AC	RGB 252 168 172	#FCA8AC

#DD84B9 #E28AB6 #E790B4 #EC96B2 #F19CB0 #F6A2AE #FCA8AC

#DD84B9 - #FCA8AC

Mezcla HSV

#DD84B9 - #FCA8AC | 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 #DD84B9 como 0% y #FCA8AC como 100%.

0.0%	0.0% #DD84B9	RGB 221 132 185	#DD84B9
16.7%	16.7% #E289B6	RGB 226 137 182	#E289B6
33.3%	33.3% #E78FB3	RGB 231 143 179	#E78FB3
50.0%	50.0% #EC95B1	RGB 236 149 177	#EC95B1
66.7%	66.7% #F19BAF	RGB 241 155 175	#F19BAF
83.3%	83.3% #F6A1AD	RGB 246 161 173	#F6A1AD
100.0%	100.0% #FCA8AC	RGB 252 168 172	#FCA8AC

#DD84B9 #E289B6 #E78FB3 #EC95B1 #F19BAF #F6A1AD #FCA8AC

#DD84B9 - #EC95B1 - #FCA8AC

Códigos CSS

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

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