#75CACA - #CFE1B6 | 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 #75CACA a #CFE1B6

#75CACA #CFE1B6

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

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

0.0%	0.0% #75CACA	RGB 117 202 202	#75CACA
16.7%	16.7% #84CDC6	RGB 132 205 198	#84CDC6
33.3%	33.3% #93D1C3	RGB 147 209 195	#93D1C3
50.0%	50.0% #A2D5C0	RGB 162 213 192	#A2D5C0
66.7%	66.7% #B1D9BC	RGB 177 217 188	#B1D9BC
83.3%	83.3% #C0DDB9	RGB 192 221 185	#C0DDB9
100.0%	100.0% #CFE1B6	RGB 207 225 182	#CFE1B6

#75CACA #84CDC6 #93D1C3 #A2D5C0 #B1D9BC #C0DDB9 #CFE1B6

#75CACA - #CFE1B6

Mezcla HSV

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

0.0%	0.0% #75CACA	RGB 117 202 202	#75CACA
16.7%	16.7% #7FCDB9	RGB 127 205 185	#7FCDB9
33.3%	33.3% #89D1AB	RGB 137 209 171	#89D1AB
50.0%	50.0% #94D5A1	RGB 148 213 161	#94D5A1
66.7%	66.7% #A2D99F	RGB 162 217 159	#A2D99F
83.3%	83.3% #BADDAA	RGB 186 221 170	#BADDAA
100.0%	100.0% #CFE1B6	RGB 207 225 182	#CFE1B6

#75CACA #7FCDB9 #89D1AB #94D5A1 #A2D99F #BADDAA #CFE1B6

#75CACA - #94D5A1 - #CFE1B6

Códigos CSS

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

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