#EB6DB8 - #FCD7D9 | 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 #EB6DB8 a #FCD7D9

#EB6DB8 #FCD7D9

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

#EB6DB8 - #FCD7D9 | 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 #EB6DB8 como 0% y #FCD7D9 como 100%.

0.0%	0.0% #EB6DB8	RGB 235 109 184	#EB6DB8
16.7%	16.7% #ED7EBD	RGB 237 126 189	#ED7EBD
33.3%	33.3% #F090C3	RGB 240 144 195	#F090C3
50.0%	50.0% #F3A2C8	RGB 243 162 200	#F3A2C8
66.7%	66.7% #F6B3CE	RGB 246 179 206	#F6B3CE
83.3%	83.3% #F9C5D3	RGB 249 197 211	#F9C5D3
100.0%	100.0% #FCD7D9	RGB 252 215 217	#FCD7D9

#EB6DB8 #ED7EBD #F090C3 #F3A2C8 #F6B3CE #F9C5D3 #FCD7D9

#EB6DB8 - #FCD7D9

Mezcla HSV

#EB6DB8 - #FCD7D9 | 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 #EB6DB8 como 0% y #FCD7D9 como 100%.

0.0%	0.0% #EB6DB8	RGB 235 109 184	#EB6DB8
16.7%	16.7% #ED7DB6	RGB 237 125 182	#ED7DB6
33.3%	33.3% #F08EB7	RGB 240 142 183	#F08EB7
50.0%	50.0% #F3A0BB	RGB 243 160 187	#F3A0BB
66.7%	66.7% #F6B2C2	RGB 246 178 194	#F6B2C2
83.3%	83.3% #F9C4CC	RGB 249 196 204	#F9C4CC
100.0%	100.0% #FCD7D9	RGB 252 215 217	#FCD7D9

#EB6DB8 #ED7DB6 #F08EB7 #F3A0BB #F6B2C2 #F9C4CC #FCD7D9

#EB6DB8 - #F3A0BB - #FCD7D9

Códigos CSS

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

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