#EB6BAF - #FDD4D0 | 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 #EB6BAF a #FDD4D0

#EB6BAF #FDD4D0

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

#EB6BAF - #FDD4D0 | 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 #EB6BAF como 0% y #FDD4D0 como 100%.

0.0%	0.0% #EB6BAF	RGB 235 107 175	#EB6BAF
16.7%	16.7% #EE7CB4	RGB 238 124 180	#EE7CB4
33.3%	33.3% #F18EBA	RGB 241 142 186	#F18EBA
50.0%	50.0% #F49FBF	RGB 244 159 191	#F49FBF
66.7%	66.7% #F7B1C5	RGB 247 177 197	#F7B1C5
83.3%	83.3% #FAC2CA	RGB 250 194 202	#FAC2CA
100.0%	100.0% #FDD4D0	RGB 253 212 208	#FDD4D0

#EB6BAF #EE7CB4 #F18EBA #F49FBF #F7B1C5 #FAC2CA #FDD4D0

#EB6BAF - #FDD4D0

Mezcla HSV

#EB6BAF - #FDD4D0 | 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 #EB6BAF como 0% y #FDD4D0 como 100%.

0.0%	0.0% #EB6BAE	RGB 235 107 174	#EB6BAE
16.7%	16.7% #EE7AAC	RGB 238 122 172	#EE7AAC
33.3%	33.3% #F18BAC	RGB 241 139 172	#F18BAC
50.0%	50.0% #F49BAF	RGB 244 155 175	#F49BAF
66.7%	66.7% #F7ACB5	RGB 247 172 181	#F7ACB5
83.3%	83.3% #FABEBF	RGB 250 190 191	#FABEBF
100.0%	100.0% #FDD4D0	RGB 253 212 208	#FDD4D0

#EB6BAE #EE7AAC #F18BAC #F49BAF #F7ACB5 #FABEBF #FDD4D0

#EB6BAF - #F49BAF - #FDD4D0

Códigos CSS

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

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