#75A7AF - #D7E5E8 | 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 #75A7AF a #D7E5E8

#75A7AF #D7E5E8

Calcule el color entre dos colores, #75A7AF y #D7E5E8. 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)

#75A7AF - #D7E5E8 | 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 #75A7AF como 0% y #D7E5E8 como 100%.

0.0%	0.0% #75A7AF	RGB 117 167 175	#75A7AF
16.7%	16.7% #85B1B8	RGB 133 177 184	#85B1B8
33.3%	33.3% #95BBC2	RGB 149 187 194	#95BBC2
50.0%	50.0% #A6C6CB	RGB 166 198 203	#A6C6CB
66.7%	66.7% #B6D0D5	RGB 182 208 213	#B6D0D5
83.3%	83.3% #C6DADE	RGB 198 218 222	#C6DADE
100.0%	100.0% #D7E5E8	RGB 215 229 232	#D7E5E8

#75A7AF #85B1B8 #95BBC2 #A6C6CB #B6D0D5 #C6DADE #D7E5E8

#75A7AF - #D7E5E8

Mezcla HSV

#75A7AF - #D7E5E8 | 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 #75A7AF como 0% y #D7E5E8 como 100%.

0.0%	0.0% #75A7AF	RGB 117 167 175	#75A7AF
16.7%	16.7% #83B0B8	RGB 131 176 184	#83B0B8
33.3%	33.3% #92BAC2	RGB 146 186 194	#92BAC2
50.0%	50.0% #A2C5CB	RGB 162 197 203	#A2C5CB
66.7%	66.7% #B3CFD5	RGB 179 207 213	#B3CFD5
83.3%	83.3% #C4DADE	RGB 196 218 222	#C4DADE
100.0%	100.0% #D7E5E8	RGB 215 229 232	#D7E5E8

#75A7AF #83B0B8 #92BAC2 #A2C5CB #B3CFD5 #C4DADE #D7E5E8

#75A7AF - #A2C5CB - #D7E5E8

Códigos CSS

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

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