#65CABD - #D7E5AF | 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 #65CABD a #D7E5AF

#65CABD #D7E5AF

Calcule el color entre dos colores, #65CABD y #D7E5AF. 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)

#65CABD - #D7E5AF | 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 #65CABD como 0% y #D7E5AF como 100%.

0.0%	0.0% #65CABD	RGB 101 202 189	#65CABD
16.7%	16.7% #78CEBA	RGB 120 206 186	#78CEBA
33.3%	33.3% #8BD3B8	RGB 139 211 184	#8BD3B8
50.0%	50.0% #9ED7B6	RGB 158 215 182	#9ED7B6
66.7%	66.7% #B1DCB3	RGB 177 220 179	#B1DCB3
83.3%	83.3% #C4E0B1	RGB 196 224 177	#C4E0B1
100.0%	100.0% #D7E5AF	RGB 215 229 175	#D7E5AF

#65CABD #78CEBA #8BD3B8 #9ED7B6 #B1DCB3 #C4E0B1 #D7E5AF

#65CABD - #D7E5AF

Mezcla HSV

#65CABD - #D7E5AF | 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 #65CABD como 0% y #D7E5AF como 100%.

0.0%	0.0% #65CABD	RGB 101 202 189	#65CABD
16.7%	16.7% #70CEA9	RGB 112 206 169	#70CEA9
33.3%	33.3% #7CD399	RGB 124 211 153	#7CD399
50.0%	50.0% #88D78D	RGB 136 215 141	#88D78D
66.7%	66.7% #A3DC94	RGB 163 220 148	#A3DC94
83.3%	83.3% #BFE0A1	RGB 191 224 161	#BFE0A1
100.0%	100.0% #D7E5AF	RGB 215 229 175	#D7E5AF

#65CABD #70CEA9 #7CD399 #88D78D #A3DC94 #BFE0A1 #D7E5AF

#65CABD - #88D78D - #D7E5AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65CABD 0%, #88D78D 50%, #D7E5AF 100%);
    background: -webkit-linear-gradient(top, #65CABD 0%, #88D78D 50%, #D7E5AF 100%);
    background: linear-gradient(to bottom, #65CABD 0%, #88D78D 50%, #D7E5AF 100%);
}
</style>